如何在css中修复垂直标签/无线电对齐？

Question

我在firefox / chrome中遇到垂直对齐问题。

由于某种原因，我的单选按钮偏移了几个像素。

我可以让其中一个对齐，但另一个会相应地错过对齐

http://www.blueskycouncil.com/details_idea.php?itemid=36

（使用try / me登录）

Answer 1

...
<li>
    <label>test</label>
    <input type="radio" />
</li>
...

label,input {
    vertical-align:middle;
}
label {
    display:inline; /* display:block; and float:left; are useless */
    margin:0 5px 0 0; /* same for margin-top */
}
input {
    height:auto;
}

在大多数情况下，它应该对齐标签和输入。