CSS'te Absolute ile Ortalama

Öğeleri mutlak konumlandırma ile ortalamanın kullanışlı bir yolu vardır. Öğe, tarayıcı penceresinin tam ortasına yerleştirilebilir. Bunun için öğeye boyut vermeden dört taraftan da konumlandırma değerleri atanır:

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

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

Результат:

Задание 1

Açıklanan yöntemi kullanarak, ekranın ortasında duran ve tüm kenarlardan 100px boşluk bırakan bir blok yapın.

Задание 2

Açıklanan yöntemi kullanarak, üstten 100px, sağdan 200px, alttan 50px ve soldan 10px boşluk bırakan bir blok yapın.