自定义复选框与中间对齐标签文本

Question

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

jsfiddle.net/jhCH2/4 /

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

请注意，了解更多链接应该在标签元素之外和标签的同一行。

Answer 1

你不能在复选框旁边的段落中垂直对齐......

Label标记用于标记，而不是段落，您应该使用<p>代替.... 对于label 的中间对齐而不是paragrap 使用：

label{
   vertical-align: middle
}

demo here

修改

indented demo

• 您必须使用float:left缩进文字。
• 此外，由于您有absolute个定位的div，请将input移出label以缩进，例如：

<input type="checkbox" name="cb" /> <label for="cb"></label>