Javascript 在JQuery Mobile中动态向下移动标头中的元素

在jquerymobile中，我创建了一个标题，其中的后退按钮在左侧对齐，标题在中间对齐。理想情况下，这两个元素应在同一行中对齐，但由于空间原因，这两个元素无法容纳在同一行中（特别是在描绘模式下），标题应向下移动到后退按钮下方一点。应该使用什么CSS属性

代码如下：

<div class="back-header" data-role="header" data-position="fixed" position="absolute" data-theme="a">

    <a href="index.html" data-icon="arrow-l" data-iconpos="left" data-transition="slide" data-direction="reverse" class="back-button">Back</a>

    <p class="menu-label" align="center">
            <img src="images/biglogoreduced.png" class="menu-label-image" height="20" width="20">
        Data Monitor
    </p>


</div>

数据监视器

我给你举了一个有效的例子：

调整“结果窗口”的大小以查看差异

@media all and (max-width: 300px) {
    h3.ui-title {
        margin: 40px 5% 0.8em !important;
        white-space: normal !important;
    }
}

根据您的标题，根据您的需要定制最大宽度：300px。也改变

---

利润率：40px 5%0.8em！重要的。您应该只更改40px，因为我正在使用h3标记作为标题容器。

请发布您的代码以使其更清晰。可能使用相对位置？