Centrovanie cez absolute v CSS
Existuje prefíkaný spôsob centrovania prvku cez absolútne pozicionovanie. Môžeme spraviť to, že prvok bude umiestnený presne v strede okna prehliadača. Na to je potrebné nešpecifikovať rozmery prvku a zároveň nastaviť pozicionovanie zo všetkých štyroch strán:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Pomocou opísaného spôsobu vytvorte blok,
ktorý sa nachádza v strede obrazovky a odstupuje
zo všetkých strán po 100px.
Pomocou opísaného spôsobu vytvorte blok,
ktorý odstupuje zhora od okraja obrazovky 100px,
sprava - 200px, zdola - 50px,
a zľava - 10px.