CSS text-align-last

The text-align-last property in CSS is used to specify how the last line of a block or inline element is aligned when the text-align property is set to justify. This property can be applied to block elements such as div or inline elements such as span.

The possible values for text-align-last are:

auto: The default value, which aligns the last line according to the value of the text-align property
start: The last line is aligned to the start of the line
end: The last line is aligned to the end of the line
left: The last line is aligned to the left edge of the container
right: The last line is aligned to the right edge of the container
center: The last line is centered within the container
justify: The last line is justified within the container

Result:


    
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla consequat quam id est sollicitudin, in convallis urna rutrum. Donec iaculis luctus tristique.

In the example above, the last line of the div is aligned to the start of the line, as specified by text-align-last: start;

It is important to note that the text-align-last property is not supported in Internet Explorer browser versions prior to IE11.