VERTICAL-ALIGN

Properti VERTICAL-ALIGN digunakan untuk menetapkan kelurusan vertikal bagi teks suatu elemen, atau digunakan untuk menetapkan kelurusan vertikal elemen-elemen Inline (misal, IMG, A, EM) terhadap elemen induknya.

Sintaks:

vertical-align: value;

Untuk value:

baseline adalah nilai default.

• sub, super, top, text-top, middle, bottom, dan text-bottom.

  Contoh 1:

  .h2o { vertical-align: sub; }

  Di mana elemennya mungkin seperti berikut:

  <P>Air memiliki nama ilmiah H<SPAN CLASS="h2o">2</SPAN>O</P>

  Contoh 2:

  .middle { vertical-align: middle; }

  Di mana elemennya mungkin seperti berikut:

  <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque condimentum ultricies rutrum. Mauris vitae dolor a felis semper bibendum a vitae felis. Nam consequat, sapien a condimentum sagittis, metus velit cursus sapien, vitae tincidunt eros mi nec neque. <IMG SRC="picture.gif" CLASS="middle" WIDTH="100" HEIGHT="50"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</P>
• inherit
  Menerapkan nilai VERTICAL-ALIGN elemen induknya.

Properti VERTICAL-ALIGN bisa diaplikasikan kepada semua elemen-elemen Inline.