html单选框对齐,HTML - 对齐单选按钮和文本

假设您有两个相邻的简单表格单元格。

一个包含一个单选按钮和文本。另一个只包含文本。HTML - 对齐单选按钮和文本

单选按钮的大小设置为16x16像素(不要问我为什么，假设它就是这样)。

字体大小为12像素。

如何使标签和单选按钮在所有主流浏览器中沿着(或相当接近)排列的垂直中间一致排列？

样本HTML，让你开始：

td {

font-size: 12px;

font-family: Verdana;

}

.radio {

width: 16px;

height: 16px;

vertical-align: middle;

margin: 0px;

}

.blah {

text-decoration: line-through;

}

O

O

在我安装了IE，歌剧，火狐和Chrome的版本，上面呈现类似this

我期待看到的结果是一个在IE上显示的图像？真的吗？

其余的看起来足够接近，但是我为排列文本所做的任何尝试使得它在4个浏览器中的至少2个中总是看起来很糟糕。要做到这一点

2010-06-30

mjomble

+1

附注：你为什么用这个表？这是90年代;)使用浮动divs代替！ –

2010-06-30 20:25:12