Centriranje z absolutnim pozicioniranjem v CSS
Obstaja premeten način centriranja elementa z absolutnim pozicioniranjem. Element lahko postavimo točno v sredino brskalnikovega okna. Če želite to narediti, ne določajte dimenzij elementa in mu hkrati določite pozicioniranje z vseh štirih strani:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Z opisano metodo ustvarite blok,
ki se nahaja v sredini zaslona in ima odmik
z vseh strani po 100px.
Z opisano metodo ustvarite blok,
ki se od zgoraj odmika od roba zaslona 100px,
z desne - 200px, od spodaj - 50px,
in z leve - 10px.