Html 如何排列CSS div

我有以下CSS和HTML：

div#actionList { float: left; height: 25px; margin: 10px; padding: 0px; }
div#actionList div { float: left; }

<div id="bdy">  
   <div id="actionList" class="btn1" >
      <div>xx</div>
      <div style="margin: 0 0 0 20px;">AAA</div>
      <div style="margin: 0 0 0 5px; ">BBB</div>
   </div>
   <div id="detailData">
      CCC
   </div>    
</div>

我想做的是将此显示器设置为：

   AAA BBB

   CCC

谁能告诉我怎么做。如何生成detailData DIV数据 从“操作列表”信息下方开始

div#detailData { clear : both; }​

这将把

#detailData

div放在它自己的行上：

clear CSS属性指定元素是否可以位于旁边 位于其前面或必须向下移动（清除）的浮动元素 在他们下面

资料来源：

还有一个演示：

这将把

#detailData

div放在它自己的行上：

clear CSS属性指定元素是否可以位于旁边 位于其前面或必须向下移动（清除）的浮动元素 在他们下面

资料来源：

---

还有一个演示：

尝试添加clear:both；在id detailData的css中，尝试添加clear:both；到css以获取id detailData

div#detailData { clear : both; }​