Příklad vystředěné stránky

libovolný vystředěný obsah

pozicovaný prvek

Pokračování obsahu na jeden dlouhý řádek, aby bylo zřejmé, kde obsah vpravo končí. Bla bla bla bla lorem ipsum bla bla, řekl Brbla.

Stránka má tento stylopis:

<style>
/* styly nutné pro vystředění */
#obalovaci {
margin-left: auto;
margin-right: auto;
width: 700px;
position: relative;
}
/* styly jenom pro orientaci a obsah */
body {margin: 0px;}
div {border: 1px dotted gray;}
</style>

Pro detailní pochopení si zobrazte zdroj. Příklad se vztahuje ke stránce Centrování stránky. Můžete si nastudovat také Příklad vystředěné stránky pro starší Internet Explorer.