css样式问题

怎样使得div2和div1在同一行上
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head  ><title>
 
</title> 
</head>
<body>
 
<div id="div1" style="width: 239px; float: left;">   
<div  id="div11"  style="width:239px;margin-bottom:10px;clear:both;float:left;">
    <h1>全站搜索</h1> 
</div>
    
<div id="div12" style="width:239px;margin-bottom:10px;clear:both;float:left;">
    <h1>热点下载</h1>
</div>
    
<div id="div13"  style="width:239px;margin-bottom:10px;clear:both;float:left;">
    <h1 >沙龙书籍</h1>
</div>
</div><div id="div2" style="clear:both;float:right;width:690px;margin-bottom:8px;border:#ccc 1px solid;border-top:none;">
   下载地址</a>李阳疯狂英语 - 08 
    <div>
    </div>
</div>
      
</body>
</html>