एक

को दूसरे

में क्षैतिज रूप से कैसे केन्द्रित करें?

यहाँ मेरे पास एक html फॉर्म और एक css फ़ाइल (style.css) है।" o-div" बाहरी div है और "i-div" आंतरिक div वर्ग है।

उदाहरण

  <शीर्षक> एक div को केंद्र में रखें    
 मैं OUTER DIV हूं 
 मैं INNER DIV हूं, मैं सेंटर में हूं 
 
  
आउटपुट
 
मैं OUTER DIVI हूँ I इनर DIV, मैं सेंटर में हूँ
 
Style.css
 
बॉडी { बैकग्राउंड-कलर:ग्रे; पैडिंग:30 पीएक्स;}। ओ-डिव {पैडिंग:50 पीएक्स; बैकग्राउंड-कलर:लाइम;}.आई-डिव { बैकग्राउंड-कलर:फ्यूशिया; अधिकतम-चौड़ाई:400px; ऊंचाई:200 पीएक्स; मार्जिन:0 ऑटो; टेक्स्ट-एलाइन:सेंटर;}