CSSing HTML-макет формы (одинаковая ширина для меток / входов)

Question

Я пытаюсь создать следующие правила CSS для моих макетов HTML-форм:

1. Каждая метка и соответствующий элемент ввода занимают 50% ширины соответственно:

| этикетка |input |

1. Я хочу иметь возможность выравнивать метки вправо или влево.(Входные данные всегда будут выравнивать по левому краю.)

Что-то, что я заметил - кажется, что ширину меток невозможно установить с помощью CSS?

Есть хорошие идеи?Спасибо

Answer 1

Ваш ярлык должен быть плавающим:

label {
    float: left;
    width: 100px; /* change this to whatever you want */
    /* these make it look nicer */
    text-align: right;
    padding-right: 10px;
}

Вам понадобится что-то под ним, чтобы очистить и плавающее, но это должно сработать.