丸みを帯びた形div

Question

私は奇妙な背景の上に座っているポストdivを持っています。このスクリーンショットでわかるように、http://i.stack.imgur.com/L5Qj0.pngのテキストは、私が望む範囲を超えています。私はborder-radiusを使用しようとしましたが、残念なことにdivの見た目だけを変更し、テキストはまだ実行しています。

私がここで達成しようとしているのは、テキストが座るdivの右上隅に何らかの形の形を作成することです。私はいくつかの奇妙なパディングを使用しようとしましたが、それはどちらかをやっていませんでした。どんなアイデアも高く評価されます。

Answer 1

これはバグです。半径を容器の高さの半分より大きくしないでください。ただthisまで、十分に効率的です。

しかし、代わりにこのCSS Text Wrapperをご覧ください。これはまさにあなたが望むものです。

Answer 2

それは私がとても残念です

border-top-right-radius:400px;