CSS text-align property

Property values

startDefault

It aligns the content at the start of inline axis.

text-align: start;

Try it { }

end

It aligns the inline-level content at the end of inline axis.

text-align: end;

Try it { }

left

It aligns the inline-level content at the left side of line box.

text-align: left;

Try it { }

right

It aligns the inline-level content at the right side.

text-align: right;

Try it { }

center

It aligns the inline-level at the center of inline axis.

text-align: center;

Try it { }

justify

It justifies the content according to the method specified by the text-justify i.e. it exactly fills the line axis except the last line which is aligned at start.

text-align: justify;

Try it { }

match-parent

In this case, the current element inherits the value of text-align from the parent element.

If the value of text-align property for the parent element is center, the value of text-align property for the current element will also be center. -webkit- prefix resolves the browser compatibility issues.

text-align: -webkit-match-parent;

Try it { }