pre要素で折り返し表示させる

あまり良くないという記述を発見したものの、コマンドの実行結果を表示するのにpre要素を利用しています。現在作成中の機能では1行が長い出力結果が出る場合があるのですが、画面レイアウトが崩れました。。。

調べたところ、CSSで折り返しするように指定できるみたいです。
こんな感じです。

pre {
white-space: pre-wrap ;
}

こちらのサイトを参考にさせて頂きました。
pre要素で折り返し改行させる方法