Разбить текст на строки одинаковой длины только с помощью CSS

У меня есть div, к которому применено text-align: center. Он должен содержать различный текст, который может переноситься или не переноситься. Когда он завершится, я хотел бы, чтобы каждая строка была примерно одинаковой длины, чтобы было видно:

Быстрая коричневая лиса прыгает

через ленивую собаку.

вместо:

Быстрая коричневая лиса перепрыгивает через ленивую

собаку.

По сути, я ищу чистый способ CSS для автоматического размещения разрыва рядом с центром текста.

Я знаю, что существуют решения на JavaScript, и в настоящее время я реализовал решение на стороне сервера, но я всегда пытаюсь больше узнать о CSS, чтобы сделать вещи более гибкими в будущем.