Центрирование элементов с помощью CSS иногда может быть сложным. Существует множество техник, которые вы можете использовать, но какую технику следует использовать, зависит от элемента и содержания. Вот некоторые вопросы, которые вы можете задать себе, пытаясь центрировать элемент:
- Это встроенный или блочный элемент.
- Это всего лишь одна строка текста или несколько строк.
- Он имеет фиксированную ширину и высоту или его размер неизвестен.
- Это вероятно наиболее распространенные вопросы, которые вы должны задать себе, когда хотите центрировать элемент.
Добавьте центрированный текст в середину строки на CSS
Устаревший элемент центра HTML center, это элемент уровня блока, который отображает содержимое на уровне блока или встроенное содержимое по центру горизонтально внутри содержащего его элемента.
Почему тег center устарел в HTML
Этот тег не рекомендуется в HTML 4 и XHTML1 в пользу свойства CSS text-align , которое можно применять к div элементу или к p. Для центрирования блоков, используйте другие свойства CSS, как margin-left и margin-rightи установить их autoили установить margin в 0 auto.
Пример 1
Код
<center>Этот текст будет по центру.
<p>Так же и этот абзац.</p></center>
Пример: #2 CSS альтернативная
Код
<div style="text-align:center">Этот текст будет центрирован.
<p>Так же будет этот абзац.</p></div>
Пример: #3 CSS альтернативная
Код
<p style="text-align:center">Эта линия будет центрирована.<br>
И так будет эта линия.</p>
