将文本对齐复选框,似乎无法使其正确对齐?

问题描述:

我试图对准旁边的此页上的复选框的文字,但我似乎无法得到它的工作:将文本对齐复选框,似乎无法使其正确对齐?

下面是对的jsfiddle链接:http://jsfiddle.net/Cbmnf/8/

我”什么ve已尝试过:

  • 然后将文本包裹在名为#blank_referrer .text的选择器中;
    • 应用负数margin-toppadding-top
    • 在复选框和文本选择器上应用float: left;,这会完全破坏显示。
    • 申请display: inline-block;
    • line-height: 13px(字体的高度)应用到#blank_referrer

这真是讨厌我,复选框没有垂直对齐的大写字母“T”的文本中心。

任何编辑,答案,意见将不胜感激!

试试下面的CSS定义:

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

现在,您可以用margin-top设置鼓捣得到你想要的样子......

+0

或[浮动两者(HTTP://的jsfiddle达网络/ Cbmnf/33 /)。请,请使用标签虽然(与输入相关,如我有的小提琴复选框),尤其是。如果你在输入之后放置描述。 Screenreader用户会感谢你。 – steveax