css - 如何修复 css 中的垂直标签/ radio 对齐方式？

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;
}

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