В этой статье я расскажу о трех распространенных подходах к расположению текстовых меток на веб-формах с использованием CSS: текстовые метки с верхним расположением Текстовые метки с выравниванием по левому краю текстовые метки с выравниванием по правому краю Использование текстовых меток с верхним расположением с помощью меток позиционирования в верхней части формы Элементы — это, вероятно, самый простой макет, поскольку нам нужно только указать метке, чтобы она занимала всю ширину родительского элемента. Поскольку наши элементы формы / метки находятся внутри упорядоченных элементов списка (которые являются блочными элементами), каждая пара естественным образом попадает на новую строку, как вы можете видеть на рисунке 9. Все, что нам нужно сделать, — это поместить элементы формы и метки на разные линий.
Перейдите по этой ссылке:
DesignFestival: Размещение текстовых меток на формах с использованием CSS