html - 如何让 'column' 中的元素右对齐？

Question

我有一个简单的两列表；我想要一种方法将第一列中的数据向右对齐，并能够分别设置两个元素的样式。也许表格不是这里最好的解决方案，但我不知道还能尝试什么。我尝试使用列组，但它不起作用。即使我尝试将 text-align: right 应用于“label”元素。

<table>
<colgroup>
<col class="label" />
<col class="price" />
</colgroup>
<tr>
<td><label>Subtotal:</label></td>
<td>$135.00</td>
</tr>
<tr>
<td><label>Taxes:</label></td>
<td>$11.23</td>
</tr>
</table>

Answer 1

由于您可能在谈论标题单元格，所以我会采用不同的方法:

<style type="text/css">
  table th { text-align: right; }
  table td { text-align: left; }
</style>

<table>
  <tr>
    <th>Right aligned</th>
    <td>Left aligned</td>
  </tr>
</table>