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

Разбираемся в 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 пикселей; Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем Ипсум Лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум лорем ипсум

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

Спасибо

Вернуться в «CSS»