LWCでテキストエリア項目、カスタム表示ラベルを改行させて表示する

改行を含むテキストエリア項目、カスタム表示ラベルをLWC、Visualforceなどで表示させようとすると改行せずに表示されてしまいます。
そのような時は下記のCSSを適用させることで改行を表示できます。長い英字も途中開業する場合はoverflow-wrap: anywhere;。

.textarea {
  white-space: pre-line;
}

テキストエリア項目、カスタム表示ラベルの改行はNBSPとして扱われます。

参考

• white-space - CSS: カスケーディングスタイルシート | MDN
• overflow-wrap - CSS: カスケーディングスタイルシート | MDN
• word-break - CSS: カスケーディングスタイルシート | MDN