CSSで文字の回り込みを制御

デザインに合わせて、文字の回り込み（インデント）を階段状にしたいと調査しているときの覚書。

pタグの前にfloat属性のタグを置いて、clip-pathとshape-outsideで回り込みさせる。
clip-pathは形状の確認用。

参考サイト

• 【CSS小技】三角形や台形、変形BOXの内側の形に沿わせてテキストを入れる(コピペOK) - Mill's Note
• 【CSS】CSSで画像をクリッピング！clip-pathの使い方を解説！ : ビジネスとIT活用に役立つ情報（株式会社アーティス）

clip-pathとshape-outsideはモダンブラウザで対応済み。

• "clip-path" | Can I use... Support tables for HTML5, CSS3, etc
• "shape-outside" | Can I use... Support tables for HTML5, CSS3, etc

もう三角形を作るのにborderを使う必要ないかも。