将文本与复选框对齐，似乎无法使其正确对齐？

Question

我正在尝试对齐此页面上的复选框旁边的文字，但我似乎无法让它工作：

这是jsFiddle的链接：http://jsfiddle.net/Cbmnf/8/

我尝试了什么：

• 在名为#blank_referrer .text的选择器中包装文本然后;
  • 应用否定margin-top和padding-top。
  • 在复选框和文本选择器上应用float: left;，这完全破坏了显示。
  • 应用display: inline-block;。
  • 将line-height: 13px（字体的高度）应用于#blank_referrer。

我真的很烦恼，复选框没有垂直对齐文本中的大写字母“T”的中心。

任何编辑，答案和建议都将不胜感激！

Answer 1

尝试以下CSS定义：

#blank_referrer input[type="checkbox"] {
   display: block;
   margin: 1px 4px 0 0;
   float: left;
}

您现在可以修改margin-top设置以获得您想要的外观......