Як центрувати текст у HTML

Автор: Laura McKinney
Дата Створення: 10 Квітень 2021
Дата Оновлення: 1 Липня 2024
Anonim
Выравнивание текста по вертикали и по центру с помощью CSS
Відеоролик: Выравнивание текста по вертикали и по центру с помощью CSS

Зміст

Ця wikiHow вчить вас центрувати текст на веб-сайті HTML за допомогою каскадних таблиць стилів (CSS). Центрування тексту в HTML здійснюється за допомогою тегів

, але цей тег вважається застарілим і більше не працює в більшості браузерів.

Кроки

Метод 1 з 2: За допомогою CSS

  1. Відкрийте файл, що містить стилі CSS. Хоча картка
    застарілий, але ви все ще можете створювати нові елементи для додавання де завгодно на сторінці для центрування тексту в їх межах. Якщо у вас немає окремого файлу CSS, вам потрібно вказати стиль у верхній частині файлу HTML між тегами ".’.
    • Якщо картки ще немає Вам потрібно додати безпосередньо під картою у верхній частині файлу є такі:

  2. Створіть центральний шар тексту. Картка
    попросить документ HTML посилатися на конкретну частину тексту, тому вам потрібно буде класифікувати цей тег. Будь ласка, введіть наступний текст у пробіл між тегом "style", не забудьте натиснути ↵ Введіть двічі після першого рядка:

    • Додайте властивості вирівнювання тексту. Імпорт вирівнювання тексту: по центру; у простір між фігурними дужками в розділі див. а. Поточна назва буде виглядати так:

      • Додайте картку див текст повинен бути відцентрований. Потім розмістіть картку
        текст над текстом, який потрібно відцентрувати та закрити тегами під текстом, який потрібно відцентрувати. Наприклад, щоб відцентрувати заголовок та початковий абзац, потрібно ввести таке:
        • Використання карток див. а для центрування інших регіонів. Якщо ви хочете відцентрувати інший елемент (наприклад, вміст між тегами типу і

          ), введіть
          перед текстом і в після цього. Оскільки ви вказали "div.a" як команду центрування, цей текст буде центруватися так само, як і попередній:
          • Огляд документів. Зміст може відрізнятися, але загалом ваш документ тепер повинен виглядати приблизно так:
              реклама

            Спосіб 2 з 2: Використовуйте центральний тег у HTML

            1. Відкрийте документ HTML. Цей метод описує, як використовувати HTML-теги
              (зараз також застарілий). Станом на грудень 2018 року ця картка все ще активна в деяких веб-браузерах, але в довгостроковій перспективі ви все одно не повинні використовувати цю картку.
            2. Визначте текст, який потрібно відцентрувати. Прокрутіть вниз, поки не знайдете заголовок, абзац або інший текст, який потрібно відцентрувати.
            3. Додайте тег "центр" до кінців тексту. Цей центральний тег має формат
              текст
              , де "текст" - це текст, який потрібно відцентрувати. Якщо в тексті вже є внутрішній тег (наприклад, "" для абзацу), тег "центр" може бути поза будь-якими вже існуючими тегами:
              • Перегляньте документ HTML. Тепер документ повинен виглядати так:
                  реклама