如何在不使用表格的情况下排列文本框？HTML/CSS

Question

我想要显示:

Name [Textbox]
Age: [Textbox]
BlahBlahCatfish: [Textbox]

但是,如果我只是简单地将代码插入其中,它就会像上面排列的那样排成一行.

我想要的是它排成一行:

Name:            [Textbox]
Age:             [Textbox]
BlahBlahCatfish: [Textbox]

通常我会使用表,但我试图摆脱这种习惯并使用可爱的CSS.没有数十亿的div和东西,如何做到这一点的想法？

Answer 1

这是我做过的网站.

http://acm.cs.kent.edu/contact/form.php

基本上就像这样

<p>
    <label for="someTextBox" >Text</label>
    <input type="text" id="someTextBox" />
</p>

p label {
    display: inline-block;
    width: x;
}
p input {
    width: y;
}