макет формы с помощью CSS

Question

Мне нужно создать форму с полулинейным представлением (текстовые поля и выпадающие списки в отдельной строке) и другой половиной, нелинейным представлением, т.е. текстовые поля будут отображаться рядом друг с другом, например, рядом с именем и фамилией друг с другом.

Я знаю, как совместить линейное представление с CSS. Я использую

fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

label 
{
    float: left;
    width: 10em;
    text-align:right;
}

Как получить нелинейный вид?

Answer 1

если вы также плаваете: влево, установите ширину и отобразите: вставьте остальные поля ввода, в той же строке должно появиться

Answer 2

display: inline помещает элемент в одну строку.

display: block дает предмету целую строку.

float: left перемещает элемент влево.