對齊塊元件，以在一個表中細胞

Question

右側以我的購物車，其顯示在表中的「Quantidade」列，一切都被對準在正確的，除了由所產生的錯誤消息jQuery驗證插件。這其中，我顯示爲「塊」的標籤元素：

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