How to center-justify the last line of text in CSS?

by

You can use the text-align-last property

.center-justified {
    text-align: justify;
    text-align-last: center;
}

Here is a compatibility table: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align-last#Browser_compatibility.

Works in all browsers except for Safari (both Mac and iOS), including Internet Explorer. As of 12.09.2022, Safari 16 supports this feature, as mentioned in the compatibility table.

Also in Internet Explorer, only works with text-align: justify (no other values of text-align) and start and end are not supported.

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Set width on div
  3. How to Make columns in row [closed]
  4. Styling an input type=”file” button
  5. How to add images in select list?
  6. Is it wrong to change a block element to inline with CSS if it contains another block element?
  7. Why does z-index not work?
  8. CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issue
  9. How to position text over an image with CSS
  10. Percent pie chart with css only
  11. :last-child not working as expected?
  12. Extend bootstrap row outside the container
  13. Why is my Grid element’s height not being calculated correctly?
  14. html/css hexagon with image inside
  15. Horizontal list items
  16. Margin top in inline element
  17. Input size vs width
  18. Stretch background image css?
  19. How to remove “Invisible space” from HTML [duplicate]
  20. Difference between “visibility:collapse” and “display:none”
  21. Is it possible to use CSS vars in CSS3 selectors?
  22. Chrome does not expand flex parent according to children’s content [duplicate]
  23. How to remove indentation from an unordered list item?
  24. How can I vertically center text in a dynamically height div?
  25. remove blur effect on child element
  26. grid-auto-flow in snake lines?
  27. How do I vertically align something inside a span tag?
  28. number input – always show spin buttons
  29. CSS: align two element, to the left and right in the same line WHITHOUT floats
  30. How to style the browser’s autocomplete dropdown box?

Leave a Comment