Կենտրոնացում աբսոլյուտի միջոցով 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: