Я пытаюсь создать пространство «заголовка», в котором текст в div обтекает прямоугольник, и несколько из них разбросаны по всему div, за исключением того, что я хочу определить все верхние / нижние колонтитулы в начале элемента дляпричины.В основном все работает нормально, за исключением того, что когда я начинаю печатать сразу после плавающей запятой, буквы образуют одну строку, пока я не нажму «пробел» или не наберу больше букв, чем высота столбца.Я не могу на всю жизнь понять, почему он это делает.
Здесь - это скрипка, показывающая это в хроме.Вы также можете попробовать это сами.
Что я делаю не так?
Это CSS для плавающего div, в котором буквы идут под
.ql-header-div {
/*top, right, bottom and left*/
shape-outside: polygon(0 0,100% 0, 100% 72px, 0 72px);
shape-margin: 10px;
clip-path: polygon(0 0,100% 0, 100% 72px, 0 72px);
width: 100%;
height: 792px;
float: right;
opacity: .5;
background-color:#F6C1C1;
color:#000;
}