asp.net – 将单选按钮与相应的标签对齐

我正在使用ASP.NET单选按钮列表控件.

它生成以下HTML.

<table>
            <tr>
                <td>
                    <input type="radio"/>
                    <label >
                        label 1</label>
                </td>
                <td>
                    <input  type="radio" 
                        value="False" checked="checked" />
                    <label >
                        label 2</label></td>                   
            </tr>
        </table>

一切看起来都很好(至少对用户来说),标签与单选按钮对齐.

但是,当我调整字体大小为10px时,标签的大小显然看起来更小,但副作用就是标签也看起来像对齐在单选按钮的底部.我需要一个标签来对齐一个单选按钮的中间.

我可以在IE中使用以下css：

<style type="text/css">
    label
    {
        font-size:10px; 
        line-height:12px;
        vertical-align:middle;
    } 
</style>

但是,这在Firefox或Chrome中不起作用

有什么建议么？

解决方法

而不是这样：

label {
  font-size: 10px;
  line-height: 12px;
  vertical-align: middle;
}

尝试这个：

label,input[type="radio"] {
  font-size: 10px;
  vertical-align: middle;
}