Html 我的代码没有中断并尝试填充每一行

我试着启动我的代码来创建一个简单的在线学习网站，它使用pymongo作为数据库。在google文档保存到pymongo之前，我先在google文档中编写代码

主要的问题是，我的代码没有像以前那样中断（br），甚至试图填充所有行。这种情况只发生在短代码中，而长代码中不发生。这有时会发生，但我似乎无法解决它。我确实试图删除css，看看问题是否出在那里，但同样的事情发生了。我不知道是什么问题

<h4>i love food</h4>

<p>there are many food i like.</p>

<p>the food are as follow:</p>
<ul>
    <li>chicken</li>
    <li>fish</li>
    <li>nugget</li>
    </ul><br>

<p>all from above is my favourite</p>

<h4>MA 7 & EMA 26</h4><br>

---

正如你所看到的，有些堆叠，有些不堆叠。我确信这不是密码。但是我想不出另外一个问题。

您的代码运行良好

使用

和CSS

.clear{clear:both；}

如果您面临此换行问题，请不要使用

---

您的前两个词是“我的代码”。那么代码在哪里呢？这个问题发生在很多地方，我不能发布图片来解决我的问题。代码堆叠在一起，试图互相填充。即使破裂也不能把他们分开。但是其他页面的一些代码是可以的。

i love food  

there are many food like.
the food are as follow:  .chicken     all from above is my favourite
                            .fish
                            .nugget

MA 7 & EMA 26