Regula verticale

Aduprate l'aiutu di regula verticale persunalizata per creà divisori verticali cum'è l' <hr>elementu.

In sta pagina

Cumu travaglia

I reguli verticali sò ispirati da l' <hr>elementu, chì permettenu di creà divisori verticali in layout cumuni. Sò stilati cum'è <hr>elementi:

Sò 1pxlarghe
Hanu min-heightdi1em
U so culore hè stabilitu via currentColorèopacity

Personalizzali cù stili supplementari quantu necessariu.

Esempiu

html

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

E regule verticali scalanu a so altezza in layout flex:

html

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

Cù pile

Puderanu ancu esse usatu in stacks :

Primu articulu

Second articulu

Terzu articulu

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>