CSS තුළ නිරපේක්ෂ මඟින් මධ්‍යගත කිරීම

නිරපේක්ෂ ස්ථානගත කිරීම භාවිතා කරමින් මූලද්‍රව්‍යයක් මධ්‍යගත කිරීමේ දක්ෂ ක්‍රමයක් තිබේ. මූලද්‍රව්‍යය බ්‍රව්සර් කවුළුවේ හරියටම මැදට යොමු කර තැබිය හැකිය. මෙය සිදු කිරීම සඳහා, මූලද්‍රව්‍යයට ප්‍රමාණ නියම නොකර, එම අතරම සියලු පැති හතර සඳහාම ස්ථානගත කිරීම නියම කළ යුතුය:

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

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

Результат: