क्या यह संभव है क्षैतिज अतिरिक्त मार्कअप या स्टाइल माता पिता के कंटेनर के बिना एक इनलाइन तत्व केंद्रित करने के लिए?

Question

प्रश्न मूल रूप से पहले से ही शीर्षक में कहा गया है, लेकिन स्पष्ट करने के लिए: क्षैतिज एक मुख्य सामग्री क्षेत्र में एक लंगर <a> केंद्रित करने के लिए मैं कोशिश कर रहा हूँ।

मुझे क्या करना चाहते हैं यह बिना:

• (तय चौड़ाई
• अतिरिक्त मार्कअप (उदाहरण के लिए एक अतिरिक्त माता पिता div) जोड़ना
• पैरेंट कंटेनर स्टाइल का उपयोग तो करने के लिए माता-पिता की स्थापना उदाहरण के लिए text-align:center)
• <a> को पूर्ण चौड़ाई ब्लॉक के रूप में सेट करना (मैं क्लिक करने योग्य क्षेत्र को लिंक के रूप में बड़ा रखना चाहता हूं)

तो मूल रूप से मैं इसे गतिशील (shrinkwrap) तरीके से, सीएसएस में एंकर को स्टाइल करके बस ऐसा करना चाहता हूं। मैं कोशिश कर रहा गया है, लेकिन अभी तक एक तरह से नहीं मिला है, किसी को भी ऐसा करने के तरीके पता है?

Answer 1

इस प्रयास करें - DEMO

a { 
    display: table; 
    margin: auto; 
}