Seera dhaabbataa

Gargaaraa seera dhaabbataa amala fayyadamii qoqqoodtoota dhaabbataa akka <hr>elementii uumuuf.

Fuula kana irratti

Akkaataa itti hojjetu

Seerotni dhaabbataa <hr>elementii irraa kaka'umsa argatan, qindaa'inoota waliigalaa keessatti qoqqoodduu dhaabbataa uumuuf si dandeessisa. Isaanis akkuma <hr>elementootaatti akkaataa itti qophaa'aniiru:

Isaan 1pxbal'oodha
Isaan min-heightof qaban1em
Halluun isaanii karaa currentColorfiopacity

Akka barbaachisummaa isaatti akkaataa dabalataatiin dhuunfachiisi.

Fakkeenya

html

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

Seerotni dhaabbataa olka'iinsa isaanii haalata flex keessatti iskeelii:

html

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

Tuullaa wajjin

Akkasumas tuullaa keessatti fayyadamuun ni danda'ama :

Qabxii jalqabaa

Qabxii lammaffaa

Qabxii sadaffaa

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>