<pre> tag HTML</pre>上的自动换行

Question

我目前正在为我的网站制作个人资料页面。在个人资料页面下，您可以在“关于”部分下输入有关您自己的信息它首先要求您输入所需内容，然后将其保存到变量中。之后，它进入数据库。然后，PHP再次在​​屏幕上显示信息。

问题是间距。这是一个例子：

This Is Example Line 1

This Is
Example Line 2

This         IS
EXAMPLE        LINE 3

ThisIsExampleLine4ThisIsExampleLine4ThisIsExampleLine4ThisIsExampleLine4

打印到屏幕时，我一直在PHP变量周围使用<pre>标签。使用<pre>标记时，下面的所有内容都会以输入的方式显示。然而，第4行将不会换行，因为它位于<pre>标记中，并且溢出<div>。

然而，当我取出<pre>标签时，标签没有使用空格。那么如何保留空格，还要包装单词？