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

标签 css radio-button alignment

这是一个基本的 CSS 问题,我有一个单选按钮,后面有一个小文本标签。我希望文本垂直居中显示,但在我的例子中,文本始终与单选按钮的按钮对齐。

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

这是一个 Jsfiddle:

http://jsfiddle.net/UnA6j/

有什么建议吗?

谢谢,

艾伦。

最佳答案

label 中使用它。使用 vertical-align 将其设置为各种值 -- bottombaselinemiddle 等。

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

关于css - 垂直对齐单选按钮旁边的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17857304/

相关文章:

javascript - IE HTML 单选更改事件

javascript - 悬停在 div 上时,<a> 标记不会转到链接

css - 表格滚动条在 IE 中不起作用

html - 单选按钮一个接一个地出现

Python - tkinter 小部件数组随着单选按钮的点击而变化

css - 表单控制组的 Bootstrap 水平对齐

css - 制作居中水平导航

drop-down-menu - 下拉菜单在不正确的导航栏项目下方呈现

html - 相对于有序列表编号对齐列表项

html - 网格布局模式的第 n 个子选择器