ऊर्ध्वाधर नियम के बा

कइसे काम करेला

ऊर्ध्वाधर नियम तत्व से प्रेरित <hr>होला, जेकरा से आप आम लेआउट में ऊर्ध्वाधर विभाजक बना सकेनी। इनहन के स्टाइल ठीक <hr>तत्व सभ नियर कइल गइल बा:

• उ लोग 1pxचौड़ा बा
• उ लोग के लगे min-heightबा1em
• इनकर रंग के माध्यम से सेट कइल गइल बा currentColorआ ...opacity

जरूरत के हिसाब से अतिरिक्त शैली के साथ इनहन के अनुकूलित करीं।

उदाहरण

<div class="vr"></div>

ऊर्ध्वाधर नियम फ्लेक्स लेआउट में आपन ऊँचाई के स्केल करे लें:

<div class="d-flex" style="height: 200px;">
  <div class="vr"></div>
</div>

ढेर के साथे बा

इनहन के ढेर में भी इस्तेमाल कइल जा सके ला :

<div class="hstack gap-3">
  <div class="bg-light border">First item</div>
  <div class="bg-light border ms-auto">Second item</div>
  <div class="vr"></div>
  <div class="bg-light border">Third item</div>
</div>