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

使用CSS text-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>