Spannweiten wickeln nicht um den übergeordneten Absatz, wenn Absatz über eine Form-Outside-Geschwister (Chrom) verfügt ⇐ HTML

[Guest]

Code: Select all

p {
width: 50px;
}

.some-float {
display: block;
width: 80px;
height: 1px;
position: relative;
float: left;
shape-outside: polygon(0 0, 100% 0);
}< /code>

 Hello World 
< /code>
< /div>
< /div>
< /p>
Dies funktioniert in Firefox gut, aber in der zweiten Spannweite in Chrom wird nicht eingewickelt Newline, überläuft aber den Absatz. Gibt es eine Möglichkeit, dies wie in Firefox zu verhalten? Verwenden von Inline-Block 

funktioniert, aber dann verliere ich den Rand zwischen den Absätzen.