Vertical Align

Tetapkan penjajaran menegak

Sintaks

visual="align:[value]"

Nilai

Nilai	CSS Output	Huraian
baseline	vertical-align: baseline	Garis asas
top	vertical-align: top	Atas
middle	vertical-align: middle	Tengah
bottom	vertical-align: bottom	Bawah
text-top	vertical-align: text-top	Atas teks
text-bottom	vertical-align: text-bottom	Bawah teks
sub	vertical-align: sub	Subskrip
super	vertical-align: super	Superskrip

Contoh

<img visual="align:middle">Vertically centered</img>

Pratonton

Penjajaran Menegak

visual="align:middle" - Jajarkan elemen sebaris

topmiddlebottomBig

Lihat Kod

<div space="p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <span space="p:small" visual="bg:primary text:white rounded:small align:top">top</span>
  <span space="p:small" visual="bg:success text:white rounded:small align:middle">middle</span>
  <span space="p:small" visual="bg:warning text:black rounded:small align:bottom">bottom</span>
  <span visual="text-size:huge text:neutral-500">Big</span>
</div>