Центрирање преку апсолутно позиционирање во 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.