html - 水平线上的两个 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 中，并为内部 div 提供 float:left 和 float:right，如果您愿意，还可以提供一些宽度 :)

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