Держите текст внутри параллелограмма и следуйте форме. ⇐ CSS

[Гость]

Я пытаюсь заархивировать текст внутри параллелограмма. Края текста должны повторять форму. Длина текста является динамической, поэтому мне также нужно, чтобы высота фигуры настраивалась автоматически. Это возможно?



Вот мой текущий код:

.parallelogram{ ширина: 350 пикселей; /* Установите желаемую ширину */ цвет фона: оранжевый; /* Установите желаемый цвет фона */ -webkit-shape-outside: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); форма-вне: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); -webkit-clip-path: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); клип-путь: многоугольник (25% 0%, 100% 0%, 75% 100%, 0% 100%); отступ: 50 пикселей; Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум

При использовании приведенного выше кода текст обрезается сбоку и не повторяет форму. Когда я использую трансформацию, текст также трансформируется. Я этого не хочу.

Спасибо