Абсолюттук ортого борборлоо 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 аралыкта турган блокту жасаңыз.