preタグの中の文字列が見切れてしまう（折り返されない）

chromeやsafariのuser agent styesheetのスタイルがwhite-space:preになっているため。 white-space:pre-wrapを設定すると直った。

参考：

www.htmq.com