Question

我有这个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的右侧？

Answer 1

<label>元素是内联级别，宽度是默认情况下标签文本的大小。

尝试：

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

或者：

td {
  text-align: right;
}

Answer 2

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

td {
  text-align: right;
}

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