html - 如何让标签在表 "cell"(td) 中右对齐？

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;
}