- Използване на маркерите.
- Използване на свойство със стилове.
Един от начините да центрирате текста е да го затворите в тагове. Следното поле има пример.
Центрирайте този текст!
Вмъкването на този текст в HTML кода ще доведе до следния резултат:
Центрирайте този текст!
Забележка: вече се счита за отхвърлен. Въпреки че все още може да работи, се очаква да бъде премахната в полза на използването на CSS. Препоръчваме ви да използвате метода със стилове (показан по-долу), за да центрирате текста в HTML.
Използване на свойство със стилове
Можете да центрирате текст с CSS, като зададете свойството text-align на елемента, който ще се центрира.
Центриране на няколко блока текст
Ако имате само един или няколко блока от текст, които трябва да центрирате, можете да го направите, като добавите атрибута на стила към началния маркер на елемента и изберете свойството "text-align". В примера по-долу сме ги добавили към
етикет:
Центрирайте този текст!
Забележете, че стойността на свойството "text-align" е зададена на "center", което показва, че елементът трябва да бъде центриран.
Множество блокове от текст
Ако имате много блокове от текст, които искате да центрирате, можете да използвате CSS вътре в таговете в главата на страницата или във външен стилов лист. Вижте примерния код по-долу за това как да зададете целия текст в полето
p {text-align: center} Текстът ще се центрира във всеки набор от тагове на страницата. Ако искате някои абзаци да са центрирани, докато други не са, можете да създадете клас стил, както се вижда в кода по-долу.
.center {text-align: center} Ако създавате централен клас, както е показано в примера по-горе, абзацът може да се центрира, като се използва кодът по-долу, който „извиква“ централния клас:
Центрирайте този текст!
Съвет: Веднъж създаден клас, той може да се приложи към всеки HTML маркер. Например, ако искате заглавието да бъде центрирано, можете да добавите class = "center" към