center - Český HTML 5 manuál

Tag <center> sloužil k centrování elementů do něj vložených. Nyní je považován za zastaralý a obsah se centruje pomocí CSS vlastností.

Ukázka

Špatně

Dříve se věci centrovaly takto:

<center>Text <img src="obrazek.png" alt="obrázek" /> <table><tr><td>tabulka</td></tr></table></center>

Správně

V CSS již nemůžeme centrovat takovýmto způsobem, protože je jeho stylování chápáno jinak. K centrování textu a dalších řádkových elementů (např. obrázků) je jednoduše všechny vložíme do tagu div se třídou:

<div class="vycentrovany-obsah">Text <img src="obrazek.png" alt="obrázek" /></div>

A do CSS dokumentu bychom vložili toto:

.vycentrovany-obsah {text-align: center;}

Tabulku takto ovšem nevycentrujeme, jelikož je blokovým elementem. Pro blokové elementy, které si přejeme vycentrovat, musíme nastavit horizontální margin na hodnotu auto a nesmíme zapomenout nastavit jejich šířku:

.vycentrovana-tabulka {margin: 0 auto; width: 64px;}

Celé HTML bez obrázku by pak vypadalo následovně:

<div class="vycentrovany-obsah">
    Text
    <table class="vycentrovana-tabulka"><tr><td>tabulka</td></tr></table>
</div>

Výsledek: