(3.21) Vertical-align Property

1. Definition and Usage: This property sets the vertical alignment of the element

2. Description: This property defines the vertical alignment of the baseline of the element within the row relative to the line of the element. Allows you to specify a negative length value and a percent value. This causes the element to be lowered rather than raised. In a table cell, this property sets the alignment of the cell contents in the Cell box.

Default value:	Baseline
Inheritance:	No
Version:	CSS1
JavaScript Syntax:	object. style.verticalalign= "Bottom"

3. Possible values:

value	Description
Baseline	Default. element is placed on the baseline of the parent element.
Sub	Subscript for vertical alignment of the aligned right.
Super	Superscript of vertical aligned aligned
Top	Aligns the top of the element with the top of the highest element in the row
Text-top	Aligns the top of the element with the top of the parent element's font
Middle	Place this element in the middle of the parent element.
Bottom	Aligns the top of the element to the top of the lowest element in the row.
Text-bottom	Aligns the bottom of the element with the bottom of the parent element's font.
Length
%	Use the percent value of the "Line-height" property to arrange this element. Negative values are allowed.
Inherit	Specifies that the value of the Vertical-align property should be inherited from the parent element.

(3.21) Vertical-align Property