सीएसएस में एब्सोल्यूट के माध्यम से केंद्रित करना
एलिमेंट को केंद्रित करने की एक चालाक विधि एब्सोल्यूट पोजिशनिंग के माध्यम से मौजूद है। आप ऐसा कर सकते हैं कि एलिमेंट ब्राउज़र विंडो के ठीक केंद्र में स्थित होगा। इसके लिए एलिमेंट के आकार निर्धारित नहीं करने होंगे और साथ ही सभी चार दिशाओं से पोजिशनिंग निर्धारित करनी होगी:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
वर्णित विधि का उपयोग करके एक ब्लॉक बनाएं,
जो स्क्रीन के केंद्र में स्थित हो और सभी
तरफ से 100px का इंडेंट करता हो।
वर्णित विधि का उपयोग करके एक ब्लॉक बनाएं,
जो स्क्रीन के किनारे से ऊपर 100px,
दाईं ओर - 200px, नीचे - 50px,
और बाईं ओर - 10px इंडेंट करता हो।
