Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

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

<घंटा/>

यहाँ मेरे पास एक 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 ऑटो; टेक्स्ट-एलाइन:सेंटर;}

  1. एचटीएमएल में एक डिव सेंटर को कैसे संरेखित करें?

    डिव एलिमेंट सेंटर को सेंटर करने के लिए, आप div style=text-align:center का उपयोग कर सकते हैं और div को सेंटर करने के लिए, div style=margin:0 auto का उपयोग कर सकते हैं। आपके कोड में, उपरोक्त css को − . के रूप में लिखा जाएगा <div style="text-align:center;width: 300px;margin: 0 auto;border-sty

  1. विंडोज 10 लाइसेंस को दूसरे पीसी में कैसे ट्रांसफर करें

    जब भी आपको कोई नया लैपटॉप या पीसी मिलता है, तो उसमें आमतौर पर विंडोज 10 पहले से इंस्टॉल और सक्रिय होता है। लेकिन अगर आप एक कस्टम पीसी बनाने की योजना बना रहे हैं, तो ऐसा नहीं हो सकता है, और आपको वास्तविक विंडोज लाइसेंस खरीदने के लिए अधिक पैसे खर्च करने पड़ सकते हैं। यदि आपका नया पीसी पुराने को बदल र

  1. टिंकर में ग्रिड () का उपयोग करके विजेट को क्षैतिज रूप से कैसे केंद्रित करें?

    जैसा कि नाम से पता चलता है, एक ग्रिड कुछ और नहीं बल्कि पंक्तियों और स्तंभों का एक सेट है। टिंकर ग्रिड मैनेजर इसी तरह काम करता है; यह डिवाइस को लंबवत और क्षैतिज रूप से अपनी स्थिति के माध्यम से संरेखित करने के लिए विजेट को 2-आयामी विमान में रखता है। आइए एक उदाहरण पर विचार करें जहां हम विजेट का आकार ब