Отобразить контент по центру страницы

Question

Необходимо, чтобы весь контент отображался по центру страницы. Пытаюсь, не могу добиться:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8"/>
    <title>ТЕСТ</title>
    </head>
        <body>
            <p>
                <main class="content">
                    <b> 
                    <span class="term">HTML</span>
                    </b>
                (от англ. 
                <i>
                <span class="hint">HyperText Markup Language</span>
                </i>
                 — «язык гипертекстовой разметки») -  стандартизированный язык разметки документов во 
                <a href="https://ru.wikipedia.org/wiki/Всемирная_паутина">Всемирной паутине
                </a>
                . Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
            </main>
        </body>
</html>

Answer 1

размер width блока body задавайте какой вам нужен.

    body {
    margin: 0 auto;
    width: 300px;
    text-align: center;
}

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8"/>
    <title>ТЕСТ</title>
    </head>
        <body>
            <p>
                <main class="content">
                    <b> 
                    <span class="term">HTML</span>
                    </b>
                (от англ. 
                <i>
                <span class="hint">HyperText Markup Language</span>
                </i>
                 — «язык гипертекстовой разметки») -  стандартизированный язык разметки документов во 
                <a href="https://ru.wikipedia.org/wiki/Всемирная_паутина">Всемирной паутине
                </a>
                . Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства.
            </main>
        </body>
</html>

БЛОГ НА HUSL

Отобразить контент по центру страницы

Ответы (1 шт):