The textAlign property controls the horizontal alignment, this property controls the vertical alignment.

The following values can be assigned to this property to control text alignment within the element's extent rectangle:

• bottom

• top

These keywords can be assigned to control the way the box is aligned with respect to its surrounding elements in the document content flow:

• baseline

• middle

• sub

• super

• text-bottom

• text-top

You can also define a value with measurement units or as a percentage relative to the next outermost containing parent element.

These alignment values work as you would expect and as are commonly used in the HTML document source.