- Použití značek.
- Použití vlastnosti šablony stylů.
Jedním ze způsobů, jak vycentrovat text, je uzavřít jej do značek. V následujícím poli je uveden příklad.
Upřesněte tento text!
Vložení tohoto textu do kódu HTML by přineslo následující výsledek:
Upřesněte tento text!
Poznámka: tag je nyní považován za zastaralý. Ačkoliv může stále fungovat, očekává se, že bude odstraněn ve prospěch používání CSS. Doporučujeme použít metodu šablony stylů (viz níže) k vycentrování textu v HTML.
Použití vlastnosti šablony stylů
Text můžete vycentrovat pomocí CSS zadáním vlastnosti text-align prvku, který má být vycentrován.
Vycentrování několika bloků textu
Pokud máte pouze jeden nebo několik bloků textu, které potřebujete k vycentrování, můžete tak učinit přidáním atributu stylu do úvodní značky elementu a výběrem vlastnosti "text-align". V níže uvedeném příkladu jsme je přidali do
štítek:
Upřesněte tento text!
Všimněte si, že hodnota vlastnosti "text-align" byla nastavena na "center", což znamená, že prvek má být vycentrován.
Více bloků textu
Pokud máte mnoho bloků textu, které chcete vycentrovat, můžete použít CSS uvnitř tagů v hlavičce stránky nebo v externím listu stylů. Podívejte se na níže uvedený příklad kódu, jak nastavit celý text uvnitř
p {text-align: center}
Text bude vycentrován v rámci každé sady značek na stránce. Pokud chcete, aby některé odstavce byly vycentrovány, zatímco jiné nejsou, můžete vytvořit třídu stylů, jak je vidět v kódu níže.
.center {text-align: center}
Pokud vytváříte třídu center, jak je ukázáno na příkladu výše, odstavec může být vycentrován pomocí níže uvedeného kódu, který „volá“ třídu centra:
Upřesněte tento text!
Tip: Jakmile byla třída vytvořena, lze ji použít na libovolnou značku HTML. Pokud byste například chtěli, aby byl záhlaví vycentrován, můžete do třídy přidat třídu = "centrum"