CSS-de absolut orunlama arkaly merkezleme

Elementleri merkezlemegiň absolut orunlama arkaly hiyleli usuly bar. Elementi brauzer penjiresiniň merkezine takyk ornaşdyryp bolýar. Munun üçin elemente ölçegleri bellämän, şol bir wagtyň özünde dört tarapyndan hem orunlama bellämeli:

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

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

Результат:

Задание 1

Düşündirilen usuldan peýdalanyp, ekranyň merkezinde durýan we dört tarapyndan hem 100px çyzgylan blog ýasaň.

Задание 2

Düşündirilen usuldan peýdalanyp, ekranyň ýokary gyrasyndan 100px, sagdan - 200px, aşakdan - 50px, çepden - 10px çyzgylan blog ýasaň.