Как центрировать текст в HTML

Автор: Laura McKinney
Дата создания: 10 Апрель 2021
Дата обновления: 1 Июль 2024
Anonim
Как в HTML сделать выравнивание текста по центру | Уроки HTML, CSS
Видео: Как в HTML сделать выравнивание текста по центру | Уроки HTML, CSS

Содержание

Из этой статьи вы узнаете, как центрировать текст на HTML-сайте с помощью каскадных таблиц стилей (CSS). Центрирование текста в HTML выполняется с помощью тегов

, но этот тег считается устаревшим и больше не работает в большинстве браузеров.

Шаги

Метод 1 из 2: CSS

  1. Откройте файл, содержащий стили CSS. Хотя карта
    устарело, но вы все равно можете создавать новые элементы и добавлять их в любом месте страницы, чтобы центрировать текст в пределах их границ. Если у вас нет отдельного файла CSS, вам необходимо указать стиль в верхней части файла HTML между тегами «.’.
    • Если карты еще нет Вам нужно добавить прямо под карточкой вверху файла следующие:

  2. Создайте центральный слой текста. Карта
    запросит в HTML-документе ссылку на конкретную часть текста, поэтому вам необходимо классифицировать этот тег. Пожалуйста, введите следующий текст в пространство между тегом «стиль», не забудьте нажать ↵ Enter дважды после первой строки:

    • Добавить свойства выравнивание текста. импорт выравнивание текста: центр; в пространство между раскосами в секции дива. Текущее название будет выглядеть так:

      • Добавьте карту div текст должен быть по центру. Продолжить, поместив карту
        текст над текстом, который нужно центрировать и закрыть тегами под текстом, который нужно центрировать. Например, чтобы центрировать заголовок и начальный абзац, вам нужно ввести следующее:
        • Использование карт дива чтобы сосредоточить другие регионы. Если вы хотите центрировать другой элемент (например, содержимое между тегами, например а также

          ), войти
          перед текстом и после этого. Поскольку вы указали "div.a" в качестве команды центрирования, этот текст будет центрирован так же, как и предыдущий:
          • Обзорный документ. Содержимое может отличаться, но в целом ваш документ должен выглядеть примерно так:
              рекламное объявление

            Метод 2 из 2. Используйте центральный тег в HTML

            1. Откройте документ HTML. Этот метод описывает, как использовать HTML-теги.
              (сейчас тоже устарело). По состоянию на декабрь 2018 года эта карта все еще активна в некоторых веб-браузерах, но в долгосрочной перспективе вам все равно не следует использовать эту карту.
            2. Определите текст, который вы хотите центрировать. Прокрутите вниз, пока не найдете заголовок, абзац или другой текст, который нужно центрировать.
            3. Добавьте тег «центр» к концам текста. Этот центральный тег имеет формат
              текст
              , где «текст» - это текст, который нужно центрировать. Если в тексте уже есть внутренний тег (например, "" для абзаца), тег "center" может находиться вне любых ранее существовавших тегов:
              • Просмотрите HTML-документ. Теперь документ должен выглядеть так:
                  рекламное объявление