Vertical rule

Shandisa tsika yakatwasuka mutemo mubatsiri kugadzira vertical dividers sechinhu <hr>.

Pa peji ino

Zvinoshanda sei

Mitemo yakamira inofemerwa <hr>nechinhu, ichikubvumidza iwe kuti ugadzire vertical dividers muakafanana marongero. Iwo akanyorwa senge <hr>maelementi:

Dzakafara 1px_
Vane min-heightzve1em
Ruvara rwavo rwakaiswa kuburikidza currentColoruyeopacity

Vagadzirise nemamwe masitayera sezvinodiwa.

Muenzaniso

html

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

Mitemo yakamira inoyera kureba kwayo mumagadzirirwo anochinjika:

html

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

Nemirwi

Vanogonawo kushandiswa mumatanda :

Chinhu chekutanga

Chinhu chechipiri

Chechitatu chinhu

html

<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>