{text-align:} Text-Align Property Reference - CSS :: webDev

Force Wrapping: The {text-align:} Property - CSS Text Level 3

The {text-align:} property describes how inline contents of a block are horizontally aligned if the contents do not completely fill the line box. Values have the following meanings:

start
The inline contents are aligned to the start edge of the line box.
end
The inline contents are aligned to the end edge of the line box.
left
The inline contents are aligned to the left edge of the line box. In vertical text, 'left' aligns to the edge of the line box that would be the start edge for left-to-right text.
right
The inline contents are aligned to the right edge of the line box. In vertical text, 'right' aligns to the edge of the line box that would be the end edge for left-to-right text.
center
The inline contents are centered within the line box.
justify
dd>The text is justified according to the method specified by the 'text-justify' property.
<string>
When applied to a table cell, specifies a character on which all cells in its table column that also have a character value for 'text-align' will align (see the section on horizontal alignment in a column for details and an example). When applied to any other element, it is treated as 'start'. The string must be a single character; otherwise the declaration must be ignored.

A block of text is a stack of line boxes. In the case of 'start', 'end', 'left', 'right' and 'center', this property specifies how the inline boxes within each line box align within the line box: alignment is not with respect to the viewport or containing block. In the case of 'justify', the UA may stretch the inline boxes in addition to adjusting their positions. (See also the 'text-justify', 'text-justify-trim', 'text-kashida-space', 'letter-spacing' and 'word-spacing'.)

Last Line Alignment: The {text-align-last:} Property - CSS Text Level 3

The {text-align-last:} property describes how the last line of a block or a line right before a forced line break is aligned when '{text-align:}' is set to 'justify'. Values have the same meaning as for '{text-align:}'.

{text-align:} Text-Align Property Reference - CSS :: webDev