[CSS]フォームのlegendのテキストを複数行にするスタイルシート

フォームのlegendのテキストを複数行にして表示するスタイルシートを456 Berea Streetから紹介します。

Line wrapping text in legend elements
demo

デモではテキストが3行で頭でっかちになっていますが、適度なバランスとマージンがあると見た目も更によくなると思います。

複数行にするスタイルシートは、下記のようになっています。