html - 表单中的 CSS 定位帮助文本

Question

我需要将帮助文本放在标签下方，但发现要让 CSS 正确地处理它很棘手。

我创建了下面的 jsfiddle 作为示例。

要求是:

1. 标签左对齐
2. 帮助文本直接显示在其下方
3. 输入和选择控件出现在同一行

http://jsfiddle.net/brendan_rice/paSR2/2/

有人可以帮忙吗？

Answer 1

请检查，

http://jsfiddle.net/paSR2/4/

变化

label {
display: block;
font-size: .9em;
float: left;
clear: left;
width: 52px; <----- /*changed*/
margin: 0px;
padding: 0px
}

没有硬编码宽度

label {
display: block;
font-size: .9em;
float: left;
clear: left;
margin: 0px;
padding-right: 5px;
}