

(In vertical writing modes, this will be either the physical top or bottom, depending on the value of the text-orientation property.) center Specifies that inline-level content is centered within the line box. (In vertical writing modes, this will be either the physical top or bottom, depending on the value of the text-orientation property.) right Specifies that inline-level content is aligned to the line right edge of the line box. left Specifies that inline-level content is aligned to the line left edge of the line box. end Specifies that inline-level content is aligned to the end edge of the line box. Text-align: start | end | left | right | center | justify | match-parent | justify-all Possible Values start Specifies that inline-level content is aligned to the start edge of the line box. The text-align property specifies how the inline-level boxes within each line box align with respect to the start and end sides of the line box. A block of text is a stack of line boxes. It's important to note that any alignment specified with text-align is not with respect to the viewport or containing block. Therefore, it's not just limited to aligning text - it's for aligning any inline-level content within a block level element (as long as it doesn't completely fill the block container). Values other than justify-all or match-parent are assigned to text-align-all and reset text-align-last to auto."Īlthough the property name is text-align, it applies to all inline content of a block container. In its most recent definition (as of August 2020), the text-align property is defined as a shorthand property that "sets the text-align-all and text-align-last properties and describes how the inline-level content of a block is aligned along the inline axis if the content does not completely fill the line box. Its definition has changed a lot since its introduction in the first CSS specification document in 1996. The text-align property has a lot of history within the CSS specifications.

The CSS text-align property is used for aligning elements left, right, center etc.
