CSSда абсолют орқали марказлаш

Элементни марказлашнинг абсолют позиционлаш орқали ақлли усули мавжуд. Элемент браузер ойнасининг айнан марказида жойлашиши учун, унга ўлчамлар берилмай, ҳамда ҳар томонлама позиционлаш берилиши керак:

html<div id="elem"></div>

css#elem {
  position: absolute;
  top:    30px;
  right:  30px;
  bottom: 30px;
  left:   30px;
  
  border: 1px solid green;
}

Результат:

Задание 1

Тавсифланган усул ёрдамида эран марказида жойлашган ва ҳар томонидан 100px четланган блок яратинг.

Задание 2

Тавсифланган усул ёрдамида эран четидан тепаси 100px, ўнги 200px, пасти 50px, ва чапи 10px четланган блок яратинг.