用于在同一行上左对齐和右对齐的跨浏览器 CSS

Question

跨浏览器 CSS 允许在同一行上左对齐和右对齐文本？

示例（其中每个文本引用应分别尽可能向左或向右对齐）：

stuff on the right                                              stuff on the left

• 请不要浮动的答案......除非有一种方法可以使文本不会从多列 css 页面中的父 div/容器中脱离出来......

Answer 1

使用容器标签：

<div>
  <p style="float: left">stuff on the left</p>
  <p style="float: right">Tstuff on the right </p>
</div>

使用内联标签：

<div>
  <span style="float: left">stuff on the left</span>
  <span style="float: right">Tstuff on the right</span>
</div>