Centriranje putem apsoluta u CSS
Postoji lukav način centriranja elementa putem apsolutnog pozicioniranja. Možete učiniti tako da element bude postavljen tačno u centar prozora pregledača. Za to nije potrebno zadavati dimenzije elementu i pri tome podesiti pozicioniranje sa sve četiri strane:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Pomoću opisanog načina napravite blok,
koji se nalazi u centru ekrana i koji ima odstupanje
sa svih strana po 100px.
Pomoću opisanog načina napravite blok,
koji odstupi odozgo od ivice ekrana za 100px,
s desna - 200px, odozdo - 50px,
a s leva - 10px.