水平线上的两个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,并给内部divs float:left和float:right,如果你愿意,可能还有一些宽度:)

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