Формы с несколькими столбцами, без таблиц

Question

Как расположить сложную форму с несколькими полями в строке на экране?

Answer 1

поля ввода по умолчанию являются встроенными. Поэтому вы можете просто использовать их без
. Другой вариант, если вы хотите, чтобы они выстроились правильно, выглядит следующим образом:

<div id="col1" style="float: left;>
    <input type="text" name="field1" />
    <br />
    <input type="text" name="field3" />
</div>

<div id="col2" style="float: left;>
    <input type="text" name="field2" />
    <br />
    <input type="text" name="field4" />
</div>