两个水平排列的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
}

- user3101055

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>

- Maritim

---

不需要。如果你尝试一下，你会发现这是有效的。 - Maritim

我可以不使用width：50％吗？我有响应式设计-因此它们必须在移动视图中缩小。 - user3101055

感谢Maritim的快速回复，我很感激。看起来这段代码是有效的。在CSS中，我如何为这些div中的文本设置不同的字体大小，而不影响其他部分的字体大小？ - user3101055

非常欢迎您 :) 可以使用 style 属性设置字体，例如 font-family:Tahoma。虽然我建议将所有 CSS 规则放在单独的样式表中。 - Maritim