Iwu kwụ ọtọ

Jiri enyemaka iwu kwụ ọtọ omenala iji mepụta nkewa kwụ ọtọ dị ka <hr>mmewere.

Na ibe a

Ka o si arụ ọrụ

Iwu kwụ ọtọ sitere n'ike mmụọ nsọ site na <hr>mmewere, na-enye gị ohere ịmepụta ndị na-ekewa kwụ ọtọ na nhazi ndị nkịtị. A haziri ha dị ka <hr>ihe ndị a:

Ha 1pxsara mbara
Ha min-heightnwere1em
Agba ha na-edozi site currentColornaopacity

Hazie ha na ụdị ndị ọzọ ka ọ dị mkpa.

Ọmụmaatụ

html

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

Iwu kwụ ọtọ na-agbatị ogologo ha na nhazi mgbanwe:

html

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

Na nchịkọta

Enwere ike iji ha na ngwugwu :

Ihe mbụ

Ihe nke abụọ

Ihe nke atọ

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>