css - 输入框表单标签下

Question

我正在寻求帮助。我不知道如何让我的代码允许表单标签出现在我的表单输入下，请参阅此图片示例，演示我正在寻找的内容：example。

就像示例中的 first、last、MM、DD、YYYY、### 一样。我能找到的所有东西都是输入框标签或侧面标签。

有人可以提供一些代码来帮助我复制输入框下的代码。

提前致谢。

Answer 1

这就是你需要的。

HTML：

<div class="input_cont">
<input type="text" class="inp" id="first" name="first">
<label for="first" class="lbl">I'm first</label>
</div><div class="input_cont">
<input type="text" class="inp" id="second" name="second">
<label for="second" class="lbl">I'm second</label></div>

CSS：

input,label{margin:0;}
.inp{display:block;}
.lbl{font-size:9pt; color:#999}
.input_cont{display:inline-block; zoom:1; *display:inline; margin-right:10px}

http://jsfiddle.net/KxnCv/