- Використання тегів.
- Використання властивості таблиці стилів.
Одним із способів центрування тексту є підключення його до тегів. У наступному вікні наведено приклад.
Центрувати цей текст!
Додавання цього тексту до HTML-коду дасть такий результат:
Центрувати цей текст!
Примітка: тег вважається застарілим. Незважаючи на те, що він може працювати, він, як очікується, буде видалено на користь використання CSS. Ми рекомендуємо використовувати метод таблиць стилів (наведений нижче) для центрування тексту в HTML.
Використання властивості таблиці стилів
Ви можете сконцентрувати текст з CSS, вказавши властивість text-align елемента, який буде центрованим.
Центрування декількох блоків тексту
Якщо у вас є лише один або декілька блоків тексту, які потрібно центрувати, ви можете зробити це, додавши атрибут style до відкриваючого тегу елемента і вибравши властивість "text-align". У наведеному нижче прикладі ми додали їх до
тег:
Центрувати цей текст!
Зверніть увагу, що значення властивості "text-align" було встановлено в "center", що вказує, що елемент повинен бути центрований.
Кілька блоків тексту
Якщо у вас є багато блоків тексту, які ви хотіли б центрувати, ви можете використовувати CSS всередині тегів у головній частині сторінки або у зовнішній таблиці стилів. Див. Приклад коду нижче, як встановити весь текст всередині
p {text-align: center}
Текст буде центрованим у кожному наборі тегів на сторінці. Якщо ви хочете, щоб деякі абзаци були центровані, а інші - не, ви можете створити клас стилю, як показано в коді нижче.
.center {text-align: center}
Якщо ви створюєте клас центру, як показано у наведеному вище прикладі, абзац може бути центрований за допомогою наведеного нижче коду, який "викликає" центр класу:
Центрувати цей текст!
Порада. Після створення класу він може бути застосований до будь-якого тегу HTML. Наприклад, якщо ви хочете, щоб заголовок був центрованим, ви могли б додати class = "center" до