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

Question

每次我缩小窗口时，页脚中的文字都在我的按钮后面:

我该如何解决？

这是我的 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;
}

提前致谢。

Answer 1

如果您希望文本显示在按钮的右侧而不重叠，请在 <p> 的左侧添加一些填充。元素:

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

DEMO