HTML label内で任意に改行する

Label 内で任意に改行したい！

Label 内で br タグを入れても改行されないので、改行する方法を調べたので忘備録として残しておきます。

css の white-space を使う

https://developer.mozilla.org/ja/docs/Web/CSS/white-space

pre-line と 改行コードで任意改行

label.br-label {
    white-space: pre-line;
}

<label class="br-label">改行を
含むラベル</label>

CSS は便利ですね！

ブラウザーの互換性