HTML左右对齐元素

Question

为此,我做到了这一点:

<table style="width:100%;">
 <tr>
    <td style="width:50%;text-align: left;">left</td>
    <td style="width:50%;text-align: right;">right</td>
  </tr>
</table>

如何在不使用表格的情况下以最简单的方式(最少标记)实现此目的？我只想将2个元素对齐到最左边和右边.

有数百个2列布局,但它们更符合页面布局,看起来有点过分.

Answer 1

一些html:

<div class="left">left</div>
<div class="right">right</div>

一些CSS:

.left, .right {
  width: 50%; /* Floated elements technically need a width specified. */
}

.left {
  float: left;
}

.right {
  float: right;
}