From http://www.w3schools.com (Copyright Refsnes Data)
The vertical-align property sets the vertical alignment of an element.
Inherited: No
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.verticalAlign="bottom"
In our HTML DOM tutorial you can find more details about the verticalAlign property.
In our HTML DOM tutorial you can also find a full Style Object Reference.
img |
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 |
Vertical alignment of an image
This example demonstrates how to set the vertical align of an image in a text.
From http://www.w3schools.com (Copyright Refsnes Data)