Html div中的文本未显示其所在位置

我已经在这一页上呆了三天多了。似乎无法将段落div移到图像下方的新行上。 div应为全宽，并从新行开始。但情况改变了

奇怪的是，页脚文本在主体中向上。 我从stackoverflow尝试了很多解决方案。但我开始发疯了

我打碎了什么东西吗

请帮忙

执行时，文本甚至没有正确定位。标记的底部文本应位于页脚中。（参见上面链接的图片，也可参考我的代码）

注意：错误显示在桌面计算机上。移动视图是可以的。

h1{
文本对齐：居中；
}
/*超小型设备（手机，600px及以下）*/
@仅介质屏幕和（最大宽度：600px）{
img{
宽度：100%；
}
}
/*小型设备（肖像平板电脑和大型手机，600px及以上）*/
@仅介质屏幕和（最小宽度：600px）{
img{
宽度：100%；
}
}
/*中型设备（横向平板电脑、768px及以上）*/
@仅介质屏幕和（最小宽度：768px）{
img{
宽度：60%；
}
.mtxt{
宽度：40%；
利润率最高：15%；
}
.左撇子{
浮动：左；
}
.对{
浮动：对；
}
}

是你吗：）
与众不同不是罪过
你可能会想人们会怎么说

不知怎的，你变得非常自觉

是你的朋友、家人还是社会。。。不管是什么，它改变了你

你有什么遗憾吗

是吗

你感到无助吗

不管你担心什么，记住你可以克服任何事情

如果你说你不确定

想想可能发生的最坏的情况

不要只是把这当作一个秘密记在心里

我们可以帮忙。更重要的是，你知道

我可以帮你

所以，表达你的恐惧。这是我们处理这些恐惧/担忧的方式

再次记住，这个世界上没有什么是没有解决办法的

实现这一目标可能需要时间。但是是的。我们可以克服它

只要相信

让我带你去旅行吧

一次提升你，成为你更高自我的旅程

永远记住要看到事物光明的一面。
您可以在
下直接设置标签的样式。您有什么遗憾吗？
假设您使用的是bootstrap或
您有什么遗憾吗？
如果没有。哇，非常感谢您。真的忘了那颗心。“清楚：两者”也有帮助。非常感谢。我很高兴能帮上忙
<p style="text-align: center">And always remember to look on the bright side of everything.&lt;3</p>

<div style="clear: both">
  <div>
    <p style="text-align: center">And always remember to look on the bright side of everything.&lt;3</p>
    <img src="images/undraw_true_love_cy8x.svg">
  </div>
</div>