Html 将复选框文本与带有CSS的复选框对齐

我有一个字段集，其中有一些输入字段和一个复选框。我有一个问题，我想有一个图例旁边的复选框直接。我在这个链接上显示了它：

我尝试使用

填充底部

和

空白底部

，但没有成功

---

如果有人能帮我，我真的很感激。非常感谢。

他们现在给输入

垂直对齐：顶部像这样

#split input[type="checkbox"] {
    vertical-align: top;
    width: 10px;
}

嘿，现在给输入
垂直对齐：顶部像这样

#split input[type="checkbox"] {
    vertical-align: top;
    width: 10px;
}

我通过添加以下内容发现，您可以将术语文本上的位置绝对化，并设置一个边距顶部，将其向下推一点

.tandc {
    position:absolute;
    margin-top:2px;
}

希望它能有所帮助
我通过添加

.tandc {
    position:absolute;
    margin-top:2px;
}

希望它有助于