डिव ब्लॉक्स को एक ही क्षैतिज रेखा पर संरेखित करना

जब एक ही लाइन पर दो डिव ब्लॉक्स को संरेखित करने का प्रयास किया जाता है, तो HTML और CSS का उपयोग किया जा सकता है इस लेआउट को प्राप्त करने के लिए।

डिव ब्लॉक को क्षैतिज रूप से संरेखित करने के लिए, आईडी "ब्लॉक_कंटेनर" के साथ एक कंटेनर डिव बनाएं। सीएसएस के भीतर, इस कंटेनर div के लिए निम्नलिखित गुण निर्दिष्ट करें:

#block_container {
    text-align: center;
}

यह सभी तत्वों को "ब्लॉक_कंटेनर" डिव के अंदर केंद्रित करेगा।

दो डिव ब्लॉक के लिए, उन्हें "ब्लॉक1" और "ब्लॉक2" जैसी अद्वितीय आईडी निर्दिष्ट करें। सीएसएस में, निम्नलिखित गुणों का उपयोग करें:

#bloc1, #bloc2 {
    display: inline;
}

डिस्प्ले को इनलाइन पर सेट करके, div ब्लॉक क्षैतिज रूप से एक दूसरे के बगल में रखे जाएंगे।

उदाहरण HTML:

ध्यान दें कि कच्ची सामग्री को सीधे div तत्वों में रखने के बजाय, सामग्री के लिए उचित सिमेंटिक टैग, जैसे

या का उपयोग करने की अनुशंसा की जाती है।