水平线上的两个div - 左右对齐

时间:2013-12-13 22:54:30

标签: html inline

我需要顶部标题,内联两个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
}

1 个答案:

答案 0 :(得分:6)

在包含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>