更改可折叠标题的文本位置（Jquery Mobile可折叠）

我正在使用jQueryMobile为移动设备创建一个网站。我有一个简单的可折叠的，看起来像这样：

<div data-role="collapsible">
    <h3>Section</h3>
    <p>I am the Content how are you?</p>
</div>

部分
我是内容你好吗

我设法更改了标题的高度，但更改后标题的文本不再与可折叠图标对齐

是否有方法水平更改HeaderText位置，使其与图标对齐

因为我可以使用

text align:center

更改垂直位置，这是我迄今为止尝试过的方法。

您可以使用该属性垂直居中标题文本：

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    line-height: 10vh;
}

如果将图元的线条高度设置为与图元高度相同，则文字将垂直居中。在这种情况下，这将是一个很好的解决方案，因为您只有一行文本（一个单词）

.ui可折叠.ui btn{
高度：10vh！重要；
}
.ui可折叠插图.ui可折叠标题.ui btn{
颜色：红色！重要；
/*利润上限：100px！重要*/
线路高度：10vh；
}
.ui可折叠标题.ui btn.ui btn文本{
颜色：红色！重要；
/*前10%！重要*/
}

部分
我是内容你好吗

您可以使用该属性垂直居中标题文本：

.ui-collapsible-inset .ui-collapsible-heading .ui-btn {
    line-height: 10vh;
}

如果将图元的线条高度设置为与图元高度相同，则文字将垂直居中。在这种情况下，这将是一个很好的解决方案，因为您只有一行文本（一个单词）

.ui可折叠.ui btn{
高度：10vh！重要；
}
.ui可折叠插图.ui可折叠标题.ui btn{
颜色：红色！重要；
/*利润上限：100px！重要*/
线路高度：10vh；
}
.ui可折叠标题.ui btn.ui btn文本{
颜色：红色！重要；
/*前10%！重要*/
}

部分
我是内容你好吗

将文本的行高（相同元素）设置为与高度相同的值。10vh.谢谢，这是个好办法，你为什么不把它作为答案发布呢？也许这对你来说也很有趣：将文本的行高（相同的元素）设置为与高度相同的值。10vh.谢谢，这很有意思，你为什么不把这个作为答案发布呢？也许这对你来说也很有趣：