गैर-नेस्टेड पैरेंट डिवीजनों के भीतर चाइल्ड डिवीजनों को एक साथ कैसे संरेखित करें

आपके पास एक साथ दो डिवीजन हैं, प्रत्येक भीतर उनके अपने मूल प्रभाग। ये मूल divs कई बार दोहराए जाते हैं। आप child_div_1 और child_div_2 के प्रत्येक जोड़े को क्षैतिज रूप से एक दूसरे के बगल में रखना चाहते हैं।

इसे प्राप्त करने के लिए, डिस्प्ले का उपयोग करें: इनलाइन-ब्लॉक; चाइल्ड डिव्ज़ पर स्टाइल प्रॉपर्टी। यह गुण divs को सामग्री के सामान्य प्रवाह को बाधित किए बिना इनलाइन तत्वों के रूप में संरेखित करने की अनुमति देता है। जबकि divs एक दूसरे के साथ प्रदर्शित होंगे, वे ब्लॉक तत्वों के रूप में अपनी स्थिति बनाए रखेंगे।

यह विधि फ्लोट्स का उपयोग करने की तुलना में वांछित लेआउट प्राप्त करने का एक आसान तरीका प्रदान करती है। यहां संशोधित HTML और CSS का एक उदाहरण दिया गया है:

.child_div_1, .child_div_2 {
  display:inline-block;
}

आगे के मार्गदर्शन के लिए, आप निम्नलिखित ट्यूटोरियल देख सकते हैं: http://learnlayout.com/inline-block.html