如何修复垂直标签/无线电对齐om 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;
}

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