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

【问题标题】：Two divs on horizontal line – left and right aligned水平线上的两个 div - 左右对齐
【发布时间】：2014-01-01 20:44:52
【问题描述】：

我需要带有两个内联 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
}

【问题讨论】：

标签： html inline

【解决方案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>

【讨论】：

没有。那是没有必要的。如果您尝试一下，您会发现这是有效的。
我可以在没有 width:50% 的情况下使用它吗？我有响应式设计 - 所以它们必须在移动视图中缩小。
感谢 Maritim 的快速回复。我很感激。看来这段代码有效。如何在 CSS 中为这些 div 中的文本与正文的其余部分设置不同的字体大小？
不客气 :) 可以在样式属性中使用例如 font-family:Tahoma 设置字体。虽然我确实建议将所有 CSS 规则放在单独的样式表中。