html - 如何在文本框下呈现文本？

Question

在 html/css 中制作类似的东西

Answer 1

您可以通过将每个输入和标签包装在 div 元素中并 float div 来做您想做的事。

Example Here

HTML:

<div class="boxwrap">
    <div>
        <input type="text" size="6" />
        <h5>label1</h5>
    </div>
    <div>
        <input type="text" size="6" />
        <h5>label2</h5>
    </div>
    <div>
        <input type="text" size="6" />
        <h5>label3</h5>
    </div>
</div>
<div class="clearfloat"></div>

CSS:

div.boxwrap div {
    float: left ;
}
div.boxwrap div h5 {
    text-align: center ;
}
div.clearfloat {
    clear: both ;
}