(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.

Div justify text css