Etteeka eryesimbye

Kozesa omuyambi w’etteeka eryesimbye erya custom okukola ebigabanya ebyesimbye nga <hr>elementi.

Ku muko guno

Engeri gye kikola

Amateeka ag’ennyiriri gasikirizibwa <hr>ekintu, ekikusobozesa okukola ebigabanya ebyesimbye mu nsengeka eza bulijjo. Zikoleddwa mu sitayiro nga <hr>elementi:

Zigazi 1px_
Balina min-heightof ...1em
Langi yaabwe eteekebwawo okuyita mu currentColorneopacity

Zikole nga olina emisono emirala nga bwe kyetaagisa.

Eky'okulabirako

html

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

Amateeka aga vertical gapima obuwanvu bwago mu flex layouts:

html

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

Nga balina emiguwa

Era zisobola okukozesebwa mu ntuumu :

Ekintu ekisooka

Ekintu ekyokubiri

Ekintu ekyokusatu

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>