Rula kū pololei

E hoʻohana i ke kōkua kānāwai kūʻokoʻa maʻamau e hana i nā mea hoʻokaʻawale kū pololei e like me ka <hr>mea.

Ma kēia ʻaoʻao

Pehea e hana ai

Hoʻoulu ʻia nā lula kūʻokoʻa e ka <hr>mea, e ʻae iā ʻoe e hana i nā mea hoʻokaʻawale kūwaho i nā hoʻolālā maʻamau. Ua kapa ʻia lākou e like me <hr>nā mea:

He 1pxākea lākou
min-heightLoaʻa iā lākou1em
Hoʻonohonoho ʻia ko lākou kala ma o currentColoraopacity

Hoʻopilikino iā lākou me nā kaila hou e like me ka mea e pono ai.

Laʻana

html

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

Hoʻonui nā lula kūpaʻa i ko lākou kiʻekiʻe ma nā hoʻolālā maʻalahi:

html

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

Me nā pūʻulu

Hiki ke hoʻohana ʻia i loko o nā pūʻulu :

Mea mua

ʻImi ʻelua

'ikamu kolu

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>