Fitsipika mitsangana

Ampiasao ny mpanampy fitsipika mitsangana manokana mba hamoronana mpizara mitsangana toy ny <hr>singa.

Amin'ity pejy ity

Ahoana ny fiasan'izany

Ny fitsipika mitsangana dia aingam-panahy avy amin'ny <hr>singa, mamela anao hamorona fisaratsarahana mitsangana amin'ny lamina mahazatra. Izy ireo dia natao ho toy ny <hr>singa:

1pxMalalaka izy ireo
Manana min-heightny1em
Ny lokon'izy ireo dia apetraka amin'ny alalan'ny currentColorandopacity

Amboary izy ireo amin'ny fomba fanampiny raha ilaina.

OHATRA

html

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

Ny fitsipika mitsangana dia mandanja ny haavony amin'ny fandrindrana flex:

html

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

Miaraka amin'ny stacks

Azo ampiasaina amin'ny stacks ihany koa izy ireo :

Singa voalohany

Zavatra faharoa

Zavatra fahatelo

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>