[英]Align text next to radio button
I have a problem with the alignment of a text next to a radio button. 单选按钮旁边的文本对齐方式出现问题。 It's about a radio button in "td".
关于“ td”中的单选按钮。 So I want to align the text "Hex" vertically centered to the radio button, but what I get is this:
所以我想将文本“十六进制”垂直对齐到单选按钮的中心,但是我得到的是:
The one I got 我得到的那个
I want to make it like this: 我想要这样:
Here is what I've done so far... 到目前为止,这是我所做的...
HTML HTML
<td>
<input type="radio" class="rButton" /><span class="convText">Hex</span>
</td>
CSS CSS
.rButton{
width:13px;
height:12px;
}
.convText{
font-family:'Segoe UI';
font-size:10px;
}
.rButton {
width: 63px;
height: 52px;
vertical-align: middle;
}
.convText {
font-family:'Segoe UI';
font-size:20px;
vertical-align: middle;
}
尝试vertical-align: middle
并可能将文本/输入的line-height
设置为相等的尺寸
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.