Abakada CSS Demo: text-align Attribute

This example shows the effects of applying the different values possible for the CSS text-align style attribute.

Select from the text-align options below to see how the style is applied, and note the resulting CSS syntax for the style declaration.

Justified mode spaces out the content to line up its left and right edges to the left and right margins of the containing element, except for the last line.

Try resizing the window when in justify mode to see the effect.

Syntax { text-align: left }

Options

View Source Exit