Programmiererforum

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 

[code]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 [/code] funktioniert, aber dann verliere ich den Rand zwischen den Absätzen.