Посмотрите на следующий пример.
В этой форме подписки текстовые поля и форма подписки выравниваются по левому краю. Давайте рассмотрим техники, которые позволят выравнять эти элементы по центру.
Сначала давайте займемся элементами
. Здесь все довольно просто, для их выравнивание по центру нужно воспользоваться свойством text-align:center.
С кнопкой отправить несколько сложнее, вот стили CSS, которые решают эту проблему.
Нужно присвоить кнопке какое-то конкретное значение свойства width и применить свойство margin:auto.
Смотрим результат здесь:
Все уроки курса «Верстка стильных форм подписки» здесь.
Здравствуйте, дорогие друзья!
Сегодня разберёмся как можно сделать в CSS и HTML выравнивание по центру. Мы рассмотрим несколько способов выравнивания текста.
Навигация по статье:
Как выровнять в html текст по центру?
В HTML есть два варианта, которые не предполагают использование CSS.
-
1. Тег
Очень простой в использовании тег, который выравнивает по центру все строчные элементы, которые в нём находятся, а именно:
- текст,
- картинки,
- ссылки,
- а также теги , , , и некоторые другие.
не получается выровнять по центру форму. Уже всё попробовал. Flex использовать не вариант. Так же не получается сделать кнопку по ширине input-ов или тоже разместить по центру.
3 ответа 3
не нужно добавлять у самих input-ов text-align:center, полезнее у родителя:
по поводу одинаковой ширины — определить у input и button
только еще у input добавить
чтобы padding не влияли на ширину
Разобрался. Надо было добавить:
Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css css3 или задайте свой вопрос.
Похожие
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
дизайн сайта / логотип © 2019 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2019.11.15.35459