如何让标签在表格“单元格”（td）中右对齐？答案

【问题标题】：How can I get a label to right align in a table "cell" (td)?如何让标签在表格“单元格”（td）中右对齐？
【发布时间】：2016-11-15 07:56:32
【问题描述】：

我有这个 html：

<td>
  <label class="whitefont righthoralign">Search</label>
</td>

...使用这个 CSS：

.righthoralign {
    text-align: right;
}

...什么都不做 - 标签像以前一样保持左对齐：

我发现here，即：

.right {
    position: absolute;
    right: 0px;
    width: 300px;
    border: 3px solid #73AD21;
    padding: 10px;
}

...让事情变得更糟。

如何让标签拥抱它所在的单元格/td 的右侧？

【问题讨论】：

【解决方案1】：

<label>元素是行内级别，宽度默认为标签文本的大小。

试试：

label {
  display: block;
  text-align: right;
}

或者：

td {
  text-align: right;
}

【讨论】：

【解决方案2】：

您需要将文本对齐添加到 td 元素。

td {
  text-align: right;
}

您还可以从标签中删除文本对齐，因为它对元素没有影响（它是内联的）。

【讨论】：