Zanořená pozice

Nornální text bla bla bla a velmi velmi dlouhý text. Celý odstavec má nastavenu relativní pozici. Díky tomu se umístění vnořeného absolutního prvku (datum) odvozuje od pozice odstavce, nikoliv od celé stránky. 17. listopadu 2003 Datum má nastavenu absolutní pozici, a proto se může vyskytovat kdekoliv uprostřed odstavce. Může za ním být nějaký další text. Jistě tušíte, že datum může text přetékat, a tak by se asi v praxi vyplatilo nastavit odstavci pravý padding.

Html kód vypadá přibližně takto:

<div class="omezujici">
Nornální text bla bla bla a
<span class="datum">
17. listopadu 2003
</span>
a nějaký další text.
</div>

Stylopis:

<style>
.omezujici {position: relative}
.datum {position: absolute; top: 0px; right: 0px}
</style>

Příklad se vztahuje k css vlastnostem position, top a right.