CSS vertical-align Property
 Complete CSS Reference
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"
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.
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 |
Try-It-Yourself Demos
Vertical alignment of an image
This example demonstrates how to set the vertical align of an image in a text.
Complete CSS Reference
Want To Be A Web Master?
If you want to be a Web Master, you will have to host your web site with an ISP (Internet Service Provider).
MaximumASP offers seven different configurations of dedicated servers to meet your Windows and .NET hosting needs.
Hosted on our multi-tiered Enterprise Class network, these servers provide the performance, security and reliability
you need to host your high end web sites and applications.
Visit MaximumASP
| 
HOME
Printer friendly page
