Центриране чрез абсолют в 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.