Html 对齐单选按钮旁边的文本

我对单选按钮旁边的文本对齐有问题。这是关于“td”中的一个单选按钮。所以我想将文本“Hex”垂直居中对齐到单选按钮，但我得到的是：

我得到的那个

我想这样做：

这是我到目前为止所做的

HTML

---

尝试

垂直对齐：中间

并可能将文本/输入的

行高

设置为相等测量值

尝试

垂直对齐：中间

并可能将文本/输入的

行高

设置为相等测量值

---

垂直对齐：单选按钮的中间位置

？对于

span

，请将它们应用于这两个变量。您可能需要根据其他样式调整收音机的边距顶部，但这并不难。

vertical align:middle

收音机按钮？对于

span

，请将它们应用于这两个变量。你可能需要根据你的其他风格调整一些收音机的页边空白，但这并不难。

<td>
    <input type="radio" class="rButton" /><span class="convText">Hex</span>
</td>

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