Középre igazítás abszolút pozícióval CSS-ben
Létezik egy ravasz módszer az elemek középre igazítására abszolút pozicionálással. Elérhetjük, hogy egy elem pontosan a böngészőablak közepén jelenjen meg. Ehhez nem kell megadnunk az elem méreteit, de mind a négy oldalról meg kell adnunk a pozíciót:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Az ismertetett módszerrel készítsen egy blokkot,
amely a képernyő közepén helyezkedik el és minden
oldalról 100px margóval rendelkezik.
Az ismertetett módszerrel készítsen egy blokkot,
amely felül 100px, jobbról 200px,
alulról 50px, balról pedig 10px
margóval rendelkezik a képernyő szélétől.
