DIV को क्षैतिज रूप से संरेखित करना

जब DIV को एक कंटेनर DIV के भीतर क्षैतिज रूप से केन्द्रित करने का प्रयास किया जाता है, तो आपको संरेखण समस्याओं का सामना करना पड़ सकता है। ऐसा कई कारणों से हो सकता है. समस्या को सुधारने के लिए, निम्नलिखित समाधान पर विचार करें:

फ्लोट के बजाय इनलाइन-ब्लॉक डिस्प्ले का उपयोग करें

फ्लोट संपत्ति का उपयोग करने के बजाय, डिस्प्ले को नियोजित करने पर विचार करें: इनलाइन- ब्लॉक विशेषता. यह सुनिश्चित करेगा कि DIV इनलाइन तत्वों के रूप में प्रदर्शित हों, जिससे क्षैतिज संरेखण की अनुमति मिल सके।

अद्यतित कोड

इस समाधान को लागू करने के लिए, अपने सीएसएस कोड को निम्नानुसार संशोधित करें:

.row {
  width: 100%;
  margin: 0 auto;
}
.block {
  width: 100px;
  display: inline-block;
}

यह समायोजन क्षैतिज संरेखण समस्या को ठीक कर देगा, जिससे डीआईवी को कंटेनर के भीतर केंद्रीय रूप से स्थित किया जा सकेगा। यह ध्यान देने योग्य है कि यह दृष्टिकोण उन परिदृश्यों के लिए विशेष रूप से उपयुक्त है जहां डीआईवी की चौड़ाई निश्चित या अपेक्षाकृत समान है।