Na centrovanie textu pomocou HTML môžete použiť alebo použiť vlastnosť CSS. Ak chcete pokračovať, vyberte požadovanú možnosť a postupujte podľa pokynov.

• Pomocou značiek.
• Použitie vlastnosti štýlu.

Jedným zo spôsobov, ako centrovať text, je vložiť ho do značiek. Nasledujúci príklad má príklad.

 Tento text! 

Vloženie tohto textu do kódu HTML by prinieslo nasledujúci výsledok:

Tento text!

Poznámka: tag sa teraz považuje za zastaraný. Aj keď môže stále fungovať, očakáva sa, že bude odstránený v prospech používania CSS. Odporúčame použiť metódu štýlu (zobrazenú nižšie) na centrovanie textu v HTML.

Použitie vlastnosti štýlu

Text môžete centrovať pomocou CSS zadaním vlastnosti text-align prvku, ktorý má byť centrovaný.

Vycentrovanie niekoľkých blokov textu

Ak máte len jeden alebo niekoľko blokov textu, ktoré potrebujete na centrovanie, môžete tak urobiť pridaním atribútu style do úvodnej značky elementu a výberom vlastnosti "text-align". V nasledujúcom príklade sme ich pridali do domény

tag:

Tento text!

Všimnite si, že hodnota vlastnosti "text-align" bola nastavená na "center", čo znamená, že prvok má byť vycentrovaný.

Viacnásobné bloky textu

Ak máte veľa blokov textu, ktoré by ste chceli centrovať, môžete použiť CSS vo vnútri značiek v hlavovej časti stránky alebo v externom šablóne štýlov. Pozrite si nasledujúci príklad kódu, ako nastaviť celý text vo vnútri

značky, ktoré majú byť centrované.

 p {text-align: center} 

Text bude vycentrovaný v rámci každej sady značiek na stránke. Ak by ste chceli, aby niektoré odseky boli vycentrované, zatiaľ čo iné nie, môžete vytvoriť triedu štýlu, ako je uvedené v kóde nižšie.

 .center {text-align: center} 

Ak vytvárate triedu centra, ako je uvedené vo vyššie uvedenom príklade, odsek môže byť vycentrovaný pomocou kódu uvedeného nižšie, ktorý „volá“ triedu centra:

Tento text!

Tip: Akonáhle bola trieda vytvorená, môže byť použitá pre akúkoľvek značku HTML. Napríklad, ak chcete, aby bola hlavička centrovaná, môžete pridať

alebo inú značku nadpisu.