Javascript: 改行コードを反映させる方法

#実現したいこと
チャット機能のhtmlでメッセージが改行されているメッセージであれば改行が反映されるようにしたい。

現在、バックエンド側でテキストを返すときに、空文字の箇所を正規表現でdivを入れて改行されるようにしているのですがこのやり方だとあまりスマートではないので一つのタグの中で改行が反映されるようにしたいです。

html
1//TwitterのDMではこのようになっていました。
2<div class="xxx">
3<span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">
4"あっという間に12月なりましたー！
5幹事の耕太郎です。
6近づいて来たのでリマインドです。
7
8・12/xx金曜　19:00開始
9・2.5時間飲み放題コース料理
10・場所　xxx
11・3,500円程(当日、受付で集めますのでご協力下さい)
12
13キャンセルはxx/xxまで受け付けますが、出来るだけ早めにご連絡頂けると助かります！
14宜しくお願い致します！"
15</span>
16</div>

行動規範の内容に同意します

回答1件

ベストアンサー

こういうことですか？

css
1<style>
2.xxx{
3  white-space:pre;
4}
5</style>
6<div class="xxx">
7<span class="css-901oao css-16my406 r-1qd0xha r-ad9z0x r-bcqeeo r-qvutc0">
8"あっという間に12月なりましたー！
9幹事の耕太郎です。
10近づいて来たのでリマインドです。
11
12・12/xx金曜　19:00開始
13・2.5時間飲み放題コース料理
14・場所　xxx
15・3,500円程(当日、受付で集めますのでご協力下さい)
16
17キャンセルはxx/xxまで受け付けますが、出来るだけ早めにご連絡頂けると助かります！
18宜しくお願い致します！"
19</span>
20</div>