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

Question

我需要将帮助文本放置在标签下方，并且发现很难让 CSS 正确。

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

要求是：

有人可以帮忙吗？

score 1 · Accepted Answer

1

稍微重新调整了您的代码和 css，请参见此处：

于 2012-08-09T10:53:59.090 回答

score 1 · Accepted Answer

请检查，

变化

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;
}

score 1 · Accepted Answer

我对你的设计做了一些修改：

这就是你所追求的吗？

3 回答 3