सीएसएस के साथ एक तत्व को केंद्रित करना: पूर्ण स्थिति निर्धारण बनाम सापेक्ष स्थिति

सीएसएस का उपयोग करके किसी तत्व को केंद्रित करने का प्रयास करते समय, आपको एक समस्या का सामना करना पड़ सकता है जहां मार्जिन-लेफ्ट: ऑटो और मार्जिन-राइट: ऑटो स्थिति: निरपेक्ष के साथ अप्रभावी लगते हैं। हालाँकि, ये मार्जिन तब काम करते हैं जब स्थिति: सापेक्ष लागू किया जाता है। इस संदर्भ में, मार्जिन को ऑटो पर सेट करने का कोई प्रभाव नहीं पड़ता क्योंकि सापेक्ष मार्जिन की गणना करने के लिए कोई "मूल" तत्व नहीं है।

दूसरी ओर, स्थिति: सापेक्ष पृष्ठ के सामान्य प्रवाह के भीतर तत्व की स्थिति को बनाए रखता है . इसलिए, मार्जिन-लेफ्ट: ऑटो और मार्जिन-राइट: ऑटो का उपयोग तत्व को उसके युक्त तत्व के सापेक्ष केंद्रित करने के लिए किया जा सकता है। बाएँ और दाएँ का उपयोग करके इसके मूल कंटेनर के बाएँ और दाएँ किनारों पर जाएँ, और तत्व को लंबवत रूप से केन्द्रित करने के लिए ऊपर और नीचे की स्थिति सेट करें।