右對齊表中的輸入

Question

我正在嘗試將文本輸入對齊到表td的右側，但沒有結果。下面是我有：

.right { 
 
    text-align: right; 
 
}

<table width="100%"> 
 
    <tr> 
 
    <td width="50%"><input type="text" name="nome" id="nome" placeholder="Nome" /></td> 
 
    <td class="right"><input type="text" name="email" id="email" placeholder="Email" /></td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"><input type="text" name="msg" id="msg" placeholder="Mensagem" /></td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"> 
 
     <input type="submit" id="sendform" value="Enviar"> 
 
    </td> 
 
    </tr> 
 
</table>

Answer 1

第二<input>右對齊的<td>內。
但是<input>也恰好與<td>一樣寬。

運行此操作以查看強制<td>稍寬一些後會發生什麼，並且<input>稍微窄一些。 （我還添加邊框，使效果更爲明顯），究竟你右對齊的意思

td { 
 
    border: 1px solid black; 
 
    width: 100px; 
 
} 
 

 
input[type="text"] { 
 
    width: 60px; 
 
} 
 

 
.right { 
 
    text-align: right; 
 
}

<table> 
 
    <tr> 
 
    <td width="50%"><input type="text" name="nome" id="nome" placeholder="Nome" /></td> 
 
    <td class="right"><input type="text" name="email" id="email" placeholder="Email" /></td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"><input type="text" name="msg" id="msg" placeholder="Mensagem" /></td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2"> 
 
     <input type="submit" id="sendform" value="Enviar"> 
 
    </td> 
 
    </tr> 
 
</table>