Home → References → CSS Properties →

CSS Property: vertical-align

Specifies the vertical position of an inline box.

HTML Dog, The Book HTML Dog book cover

HTML Dog is hosted by Titan Internet

Possible Values

  • [length] - raises (positive value) or lowers (negative value) the box. 0 is equal to the baseline.
  • [percentage] - raises (positive value) or lowers (negative value) the box with regard the value of line-height. 0% is equal to the baseline, 100% is one times the line-height etc.
  • inherit
  • baseline (default) - aligns the baseline of a box with the baseline of its parent box.
  • sub - lowers the baseline to subscript level.
  • super - raises the baseline to superscript level.
  • top - aligns to the top of the line.
  • text-top - aligns to the top of the font of the parent box.
  • middle - aligns to the middle of the font of the parent box.
  • bottom - aligns to the bottom of the line.
  • text-bottom - aligns to the bottom of the font of the parent box.

Example


h2 em {
	font-size: 0.5em;
	vertical-align: text-top;
}