Цэнтраванне праз абсалют у CSS
Існуе хітры спосаб цэнтравання элемента праз абсалютнае пазіцыянаванне. Можна зрабіць так, што элемент будзе размешчаны роўна ў цэнтры акна браўзера. Для гэтага трэба не задаваць памеры элементу і пры гэтым задаць пазіцыянаванне з усіх чатырох бакоў:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
З дапамогай апісанага спосабу зрабіце блок,
які знаходзіцца па цэнтры экрана і адступае
з усіх бакоў па 100px.
З дапамогай апісанага спосабу зрабіце блок,
які адступае зверху ад краю экрана 100px,
справа - 200px, знізу - 50px,
а злева - 10px.