ווערטיקאַל הערשן

וויאזוי עס ארבעט

ווערטיקאַל כּללים זענען ינספּייערד דורך דעם <hr>עלעמענט, אַלאַוינג איר צו שאַפֿן ווערטיקאַל דיווידערס אין פּראָסט לייאַוץ. זיי זענען סטיילד פּונקט ווי <hr>עלעמענטן:

• זיי זענען 1pxברייט
• זיי האָבן min-heightפון1em
• זייער קאָליר איז באַשטימט דורך currentColorאוןopacity

קאַסטאַמייז זיי מיט נאָך סטיילז ווי דארף.

בייַשפּיל

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

ווערטיקאַל כּללים וואָג זייער הייך אין פלעקס לייאַוץ:

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

מיט סטאַקס

זיי קענען אויך זיין געוויינט אין סטאַקס :

<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>