Zeilenumbruch bei runden Ecken

[n.o.w.]

Meine Herren!

Hallo Tobias, danke erstmal, aber das Pudding erzeugt ja auch wieder einen rechteckigen Rahmen.

Schoko- oder Vanillepudding, das ist hier die Frage.

Das pAdding definiert den Abstand vom Inhalt zum Rahmen. Wenn eine Ecke einen Radius von 5px hat, so sorgt ein padding von 5px dafür, dass der Inhalt erst im Ursprung des Kreisausschnitts beginnt der Ecke beginnt. Es tut also genau das, was du möchtest.

Zudem wird dann auch der farbige background verschoben..

Hilft: box-sizing: padding-box;?

gerne Schoko, mit Vanillesauce (sch... Autokorrektur).

Das Problem dabei ist, dass sich das padding offenbar nicht an den gerundeten Ecken orientiert, sondern dessen ungeachtet ein Rechteck aufzieht. Dementsprechend wird bei großen Radien (bei mir 50%) ein Teil des Textes von den Ecken abgedeckt. D.h.: clipping orientiert sich an den Rundungen, Umbruch an den Ecken - ich brauche aber den automatischen Zeilenumbruch an den runden Ecken.

Hier ein Beispiel: http://jsfiddle.net/KhyG2/