html - 如何在不使用表格的情况下排列我的文本框？ 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;
}