CSS vertical-align Property

Definition

The vertical-align property sets the vertical alignment of an element.
Inherited: No

---

JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.verticalAlign="bottom"

---

Example

img { vertical-align: bottom }

Possible Values

Value	Description
baseline	Default. The element is placed on the baseline of the parent element
sub	Aligns the element as it was subscript
super	Aligns the element as it was superscript
top	The top of the element is aligned with the top of the tallest element on the line
text-top	The top of the element is aligned with the top of the parent element's font
middle	The element is placed in the middle of the parent element
bottom	The bottom of the element is aligned with the lowest element on the line
text-bottom	The bottom of the element is aligned with the bottom of the parent element's font
length
%	Aligns the element in a % value of the "line-height" property. Negative values are allowed

Goto CSS3 and CSS2 complete reference