Jquery 为什么我的段落总是在按钮后面？

每次缩小窗口时，页脚中的文本都会显示在我的按钮后面：

我怎样才能解决这个问题

这是我的HTML：

<div data-role="footer" class="footer2">
    <a href="#seiteHome" class="ui-btn-left ui-btn-back ui-btn ui-btn-corner-all ui-shadow ui-btn-hover-a ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-back">Home</a>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</div>

提前感谢。

CSS

.footer2 {
   text-align: center;
   padding: 7px;
   border-radius: 10px;
   clear: both;
   margin-top: 30px;
}

或

---

如果希望文本显示在按钮右侧而不重叠，请在

元素的左侧添加一些填充：

.footer2 p {
    padding-left: 84px;
}

---

按钮

可能具有

绝对位置

或

固定位置

。所以它将是最重要的，yes@Alexander有没有办法解决这个问题？你试过“.footer2p{clear:tware；}”吗？@LGVentura是的，请看CSScode@LGVentura尽量不要促进个人参考资料的共享。如果包含任何其他相关的标记和CSS，则可以使用。

.footer2 {
  text-align: center;
  padding: 15px 7px 7px;
  border-radius: 10px;
  clear: both;
}

.footer2 p {
    padding-left: 84px;
}