следующим образом:
#subF orm . l аЬе l
float: left:
width: 230рх;
marg;n-r;ght: lOpx:
text-al;gn: r;ght:
font-we;ght: Ьold:
Глава 10. Форматирование таблиц и форм
Просмотрите страницу в браузере. Форма должна выглядеть так же, как и форма,
Изображенная на рис. 10.12, внизу. Остался последний шаг. Текст вопросов
Смещен влево, поэтому если один из них не будет помещаться в строке, следующий
Вопрос будет выравниваться справа. Исправьте это, воспользовавшись
Свойством clear.
ВНИМАНИЕ-------------------------------------------------Вы
Можете видеть похожую проблему на рис. 7.12 и в гл. 7 получить дополнительную информацию.
8. Добавьтесвойствосlеаrвстиль#suЬFоrm .label:
#subForm .l abel
fl oat: l eft:
width: 230рх:
margin-right: lOpx:
text-align: right:
font-weight: bold:
clear: left:
Форма выглядит уже намного лучше, но кнопка Subscribe, размещенная у левой
Границы, смотрится слегка не к месту. Выровняем ее, как и остальные элементы
На форме.
Добавьте еще один стиль во внутреннюю таблицу стилей.
#subscribe {
margin-left: 240рх:
У тега <i nput>, который создает кнопку SubscriЬe, уже есть ID, равный subscri Ье,
Поэтому этим стилем мы изменяем размер кнопки до 240 пикселов и выравниваем
Ее в соответствии с правым краем стиля #subF orm . l аЬе l. Многие браузеры
Предоставляют также дополнительные возможности по оформлению кнопок,
