CSS white-space

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

個人的によく使うのは下記あたり。

• pre: 連続するホワイトスペースはそのまま残され、行の折り返しは、ソース内の改行文字と、 <br> 要素でのみ行います。
• pre-wrap: 連続するホワイトスペースはそのまま残されます。行の折り返しは、改行文字や <br> 要素のあるときか、行ボックスを埋めるのに必要なときに行います。
• pre-line: 連続するホワイトスペースは詰められて 1 つになります。行の折り返しは、改行文字や <br> 要素のあるときか、行ボックスを埋めるのに必要なときに行われます。

百聞は一見にしかず

下記の例がわかりやすいので設定を変えてみて確認してほしい。