Vertical rorelna (vertical rule) a ni

<hr>Element ang chi vertical divider siam nan custom vertical rule helper hmang ang che .

He page ah hian

A hnathawh dan

Vertical rules hi element atanga inspired a ni a <hr>, common layout-ah vertical divider siam theih a ni. Element ang chiah hian an style a ni <hr>:

An 1pxzau a ni
An nei min-heighta ni1em
An rawng hi set via currentColorlehopacity

A tul angin style dang hmangin customize rawh.

Entirna

html tih a ni

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

Vertical rules te hian an san zawng chu flex layout ah an scale thin:

html tih a ni

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

Stack te nen

Stack -ah pawh hman theih an ni :

Item hmasa ber

Item pahnihna

Item pathumna

html tih a ni

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