Html 带有中间对齐标签文本的自定义复选框

Html 带有中间对齐标签文本的自定义复选框,html,css,dom,Html,Css,Dom,我有一个标签扭曲的自定义复选框标记,请检查此链接 jsfiddle.net/jhCH2/4/ 我需要将标签文本与复选框div对齐 请注意,“了解更多”链接应位于标签元素的外部和标签的同一行。您不能垂直对齐复选框旁边的段落中间 标签标签用于标签,而不是段落,您应该使用。。。。 对于标签的中间对齐,而不是分段对齐,请使用: 编辑 必须使用float:left缩进文本。 此外,由于您有绝对定位的div,请将输入移出标签以缩进,如: 它是中间对齐的。为什么会有这么多的内联样式?你的代码一团糟…请在发布

我有一个标签扭曲的自定义复选框标记,请检查此链接

jsfiddle.net/jhCH2/4/

我需要将标签文本与复选框div对齐

请注意,“了解更多”链接应位于标签元素的外部和标签的同一行。

您不能垂直对齐复选框旁边的段落中间

标签标签用于标签,而不是段落,您应该使用。。。。 对于标签的中间对齐,而不是分段对齐,请使用:

编辑

必须使用float:left缩进文本。 此外,由于您有绝对定位的div,请将输入移出标签以缩进,如:

它是中间对齐的。为什么会有这么多的内联样式?你的代码一团糟…请在发布前格式化!!Thnx Noob,但我正在尝试在有多行标签文本时为标签获取相同的文本缩进。jsfiddle.net/jhCH2/6/所有文本都需要具有相同的边距
label{
   vertical-align: middle
}