माता-पिता div

Question

में क्षैतिज रूप से एकाधिक div का केंद्र कैसे केंद्रित करें मैं एक नियंत्रण बनाने की कोशिश कर रहा हूं जिसमें एकाधिक div हैं और सभी div क्षैतिज रूप से केंद्र संरेखित हैं। जैसा की नीचे दिखाया गया।

मैं हर float:left सीएसएस संपत्ति का उपयोग कर div फ्लोट करने के लिए सक्षम करने में सक्षम था। जो इस

लेकिन कभी div के तरह कुछ अपने माता पिता के लिए छोड़ दिया देना aligh कर रहे हैं।

मेरे पास प्रत्येक div को स्थिति देने के लिए जावास्क्रिप्ट का उपयोग करने के लिए एक वैकल्पिक विकल्प है लेकिन मैं सीएसएस का उपयोग करना चाहता हूं। क्या सीएसएस का उपयोग करके इसे प्राप्त करना संभव है।

अग्रिम धन्यवाद

Answer 1

यह है कि तुम क्या करने की कोशिश कर रहे हैं हो सकता है:

HTML:

<div class="parent"> 
    <div class="child">Element 1</div> 
    <div class="child">Element 2</div> 
</div> 

सीएसएस:

.child { 
    display: inline-block; 
} 

.parent { 
    text-align: center; 
} 

और +०१२३९२०५६१५।