Як відцентрувати текст в html (з ілюстраціями)

У цій статті ми розповімо вам, як відцентрувати текст на HTML-сайті за допомогою CSS. В HTML це робилося через тег , який тепер вважається застарілим і більше не працює в більшості браузерів.

кроки

Метод 1 з 2:

CSS

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

Якщо зазначених тегів немає, додайте їх після тега у верхній частині файлу, наприклад, так:

Створіть клас, який відцентруйте текст. тег повідомить HTML-документу посилання на вказаний розділ тексту, тому для цього тега потрібно створити клас. Між тегами "style" введіть наступний контент, а після введення першого рядка двічі натисніть клавішу ↵ Enter. 2974143 8

div.a {}

додайте властивість text-align. Введіть text-align: center- між двома фігурними дужками в розділі div.a. Заголовок повинен виглядати наступним чином: 2974143 9

 {Text-align: center-}

Додайте відповідний тег div до тексту, який потрібно відцентрувати. Для цього введіть тег над текстом, який буде відцентровано, а потім введіть тег під цим текстом. Наприклад, щоб відцентрувати заголовок і текст першого абзацу, введіть: 2974143 11

 class = "a">Ласкаво
 просимо на мій сайтна
 цьому сайті можна знайти різну інформацію.

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

 {Text-align: center-} class = "a">Пожертвування
 вітаютьсяДякую

Перегляньте свій документ. Хоча його вміст може бути іншим, документ повинен виглядати приблизно так: 2974143 13

 {Text-align: center-} class = "a">Ласкаво
 просимо на мій сайтна
 цьому сайті можна знайти різну інформацію.

class = "a">

Пожертвування

вітаються

Дякую

Метод 2 з 2:

Тег центрування в HTML

1. Відкрийте документ HTML. У цьому методі описано, як використовувати HTML-тег , який вже застарів. Станом на грудень 2018 року цей тег все ще працює в деяких веб-браузерах, але, швидше за все, найближчим часом від нього взагалі відмовляться.

2. Знайдіть текст, який потрібно відцентрувати. Прокрутіть вниз, щоб знайти заголовок, абзац або інший текст, який буде відцентровано.

3. Додайте тег "center" до і після тексту. Цей тег має формат text, де text - це центрований текст. Якщо в тексті є теги (наприклад, "" для тексту абзацу), теги "center" можна вставляти за межами існуючих тегів:

Ласкаво просимо на мій сайтЧувствуйте себе як вдома!

4. Перегляньте документ HTML. Він повинен виглядати приблизно так:

Ласкаво просимо на мій сайтЧувствуйте себе як вдома!На цьому сайті можна знайти різну інформацію.