水平線上的兩個div - 左右對齊

Question

我需要兩個div內嵌的頂部標題 - 左右對齊。請查看代碼。它是否正確？我在哪裏需要添加DIV CLASS = 「clearfix」

<div class="container"> 
<div class="columns"> 
     <div id="div-left"> 
      Left aligned text 
     </div> 

     <div id="div-right"> 
      Right aligned text 
     </div> 
    </div> 
</div> 

#div-left { 
    float:left; 
    display:inline 
} 

#div-right { 
    float:right; 
    display:inline 
} 

Answer 1

裹兩人在一個包含分區的div，並給內部的div浮動：左和float：正確的，也許有些寬度如果你願意:)

<div> 
    <div style="float:right">To the right</div> 
    <div style="float:left">To the left</div> 
</div>