Centrování pomocí absolutní pozice v CSS
Existuje chytrý způsob centrování prvku pomocí absolutního pozicování. Lze zařídit, aby byl prvek umístěn přímo do středu okna prohlížeče. K tomu není třeba nastavovat rozměry prvku a zároveň je třeba nastavit pozicování ze všech čtyř stran:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Pomocí popsaného způsobu vytvořte blok,
který se nachází ve středu obrazovky a odsazuje
ze všech stran po 100px.
Pomocí popsaného způsobu vytvořte blok,
který odsazuje shora od okraje obrazovky 100px,
zprava - 200px, zdola - 50px,
a zleva - 10px.
