Wyśrodkowanie za pomocą absolute w CSS
Istnieje sprytny sposób wyśrodkowania elementu za pomocą pozycjonowania absolutnego. Można sprawić, że element zostanie umieszczony dokładnie w środku okna przeglądarki. Aby to zrobić, nie należy ustawiać wymiarów elementowi, a jednocześnie ustawić pozycjonowanie ze wszystkich czterech stron:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Za pomocą opisanego sposobu zrób blok,
znajdujący się na środku ekranu i odsuń go
ze wszystkich stron o 100px.
Za pomocą opisanego sposobu zrób blok,
odsunięty od górnej krawędzi ekranu o 100px,
od prawej - 200px, od dolnej - 50px,
a od lewej - 10px.
