css - html右对齐列

Question

我有这个 HTML 代码：

  <tr>

    <td>
      <a type="text" 
        name="color" >@client.Login</a>
    </td>

    <td>
      <a type="text" 
        name="color" >@client.Mail</a>
    </td>
      <td>
      <a type="text" 
        name="color" >@client.Password</a>
    </td>
      <td>
      <a type="text" 
        name="color" >@client.Name</a>
    </td>
               <td width=10px align="left">
            @if (i == 0)
            {

      <input type="radio" 
        name="color" checked >
            }
            else
            {<input type="radio"  name="color" >
            }      
    </td>
  </tr>

我的问题出在单选按钮上：它离其他元素太远了。该属性align在 HTML5 中已过时。

尺寸：

那么如何修改这个片段以获得好的结果呢？

Answer 1

使用 CSStext-align而不是align：

<td width=10px style="text-align: right;">
    @if (i == 0)
    {
         <input type="radio" name="color" checked >
    } else{
        <input type="radio"  name="color" >
    }      
</td>