将块元素与表格单元格中的右侧对齐

Question

在购物车的“Quantidade”列中，显示在表格中，除了jQuery Validation插件生成的错误消息外，所有内容都与右边对齐。这是一个标签元素，我将其显示为“块”：

td label.error{
    text-align:right;
    display:block;
    width:155px;
}

单元格的HTML：

<td>
    <input class="required digits valorTotal itensTotal disponivel pesoTotal error" type="text" size="3" maxlength="3" value="1" name="qtd578">
    <label class="error" for="qtd578" generated="true">Não tem tantos itens disponíveis</label>
</td>   

如果我摆脱了固定宽度，它会按预期与右边对齐，但我使用固定宽度的原因是因为我希望错误消息文本在文本字段下面打破并且有点紧凑。我也尝试将标签浮动到右侧，但这导致文本字段移动到它的左侧。

我猜我用CSS做的可能不太可能，但我认为有人可能会想到一个解决方法。

Answer 1

您可以将元素的margin-left设置为auto：

td label.error {
    margin-left: auto;
    text-align: right;
    display: block;
    width: 155px;
}