Перейти к содержимому

Тег HTML <center>

Тег <center> является блочным элементом, что означает, что он может содержать другие блочные и строчные элементы. Содержимое тега <center> (текст, графические элементы, таблицы и т. д.) выравнивается по центру.

DANGER

Тег <center> является устаревшим HTML-тегом и не поддерживается в HTML5. Вместо него используйте свойство CSS text-align, которое применяется к элементу <div> или <p>. При применении text-align: center к <div> или <p> содержимое этих элементов будет выровнено по центру, но их общие размеры не изменятся.

Вы можете использовать свойства CSS margin-left и margin-right со значениями auto для центрирования блочных элементов.

Синтаксис

Тег <center> используется парами. Содержимое записывается между открывающим (<center>) и закрывающим (</center>) тегами.

Выравнивание текста|Пример кода HTML <center>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This text is aligned to the left.</p>
    <center>And this one is placed in the center.</center>
  </body>
</html>

Результат

пример центрирования

Использование стилей CSS

Как мы уже упоминали, тег <center> не поддерживается в HTML5. Вместо него используются стили CSS.

Пример с использованием свойства CSS text-align:

Пример центрирования|Тег HTML <center>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This text is aligned to the left.</p>
    <p style="text-align:center">And this one is placed in the center.</p>
  </body>
</html>

Пример с использованием свойств CSS margin:

Центрирование блочных элементов|Тег HTML <center>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <div style="margin-left:auto; margin-right:auto; width:50%;">
      This block is centered.
    </div>
  </body>
</html>

Практика

Какие утверждения верны относительно тега HTML <center>?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.