css – 垂直对齐单选按钮旁边的文本

这是一个基本的CSS问题，我有一个单选按钮后面有一个小的文本标签。我想让文本显示垂直居中，但文本总是与我的情况下单选按钮的按钮对齐。

<p><input type="radio" id="opt1" name="opt1" value="1" />A label</p>

这里是一个Jsfiddle：

http://jsfiddle.net/UnA6j/

有什么建议么？

谢谢，

艾伦。

解决方法

在标签内使用它。使用vertical-align将其设置为各种值 – 底部，基线，中间等。

http://jsfiddle.net/UnA6j/5/