सीएसएस में एब्सोल्यूट के माध्यम से केंद्रित करना

एलिमेंट को केंद्रित करने की एक चालाक विधि एब्सोल्यूट पोजिशनिंग के माध्यम से मौजूद है। आप ऐसा कर सकते हैं कि एलिमेंट ब्राउज़र विंडो के ठीक केंद्र में स्थित होगा। इसके लिए एलिमेंट के आकार निर्धारित नहीं करने होंगे और साथ ही सभी चार दिशाओं से पोजिशनिंग निर्धारित करनी होगी:

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

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

Результат: