Qëndrimi në Qendër përmes Absolute në CSS

Ekziston një mënyrë e zgjuar për të vendosur në qendër një element përmes pozicionimit absolut. Mund të bëhet që elementi të vendoset pikërisht në qendër të dritares së shfletuesit. Për këtë, nuk duhet të caktohen përmasat e elementit dhe në të njëjtën kohë duhet t'i caktohet pozicionimi nga të katër anët:

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

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

Результат:

Задание 1

Duke përdorur mënyrën e përshkruar, bëni një bllok, që ndodhet në qendër të ekranit dhe i cili ka hapësirë nga të gjitha anët prej 100px.

Задание 2

Duke përdorur mënyrën e përshkruar, bëni një bllok, që ka hapësirë nga lart prej skajit të ekranit 100px, djathtas - 200px, poshtë - 50px, dhe majtas - 10px.