CSS Vertical-align Property

From http://www.w3schools.com (Copyright Refsnes Data)

# 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

From http://www.w3schools.com (Copyright Refsnes Data)