ऊर्ध्वाधर नियम

किवें कम्म करदा है

ऊर्ध्वाधर नियम तत्व थमां प्रेरित होंदे न <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>