Jquery Mobile可折叠列表视图对齐文本和按钮

以下是我正在做的：

我希望单词“New”水平居中，按钮“Something”和翻转开关垂直居中

可能吗

我试过了，但不起作用：

<div data-role="collapsible" data-theme="b" data-inset="true" data-icon="false" style="text-align: center !important;">
    <h2 style="text-align: center !important;">New</h2>


            <div data-role="controlgroup" data-type="horizontal" data-mini="true" class="ui-btn-right">
                <a href="#" class="ui-btn ui-btn-b ui-li-count">Something</a>
            </div>


            <div data-role="controlgroup" data-type="horizontal" data-mini="true" class="ui-btn-right">
                <select data-role="flipswitch"> 
                    <option value="Off">Off</option>
                    <option value="On" selected="selected">On</option>
                </select>
            </div>

新的
关
在…上

我正在使用jQueryMobile 1.4和jQuery1.10.2，但我对css不太在行

---

感谢高级。

对于按钮和翻转开关，请使用class

ui btn right

将每个元素包装在

span

中，使其与右侧对齐

<li data-icon="false">
  <a href="#">Type 1</a>
  <span class="ui-btn-right">
    <a href="#" class="ui-btn ui-btn-b ui-mini">Something</a>
  </span>
</li>

---

什么？哇，太感谢了。比我想象的要好。你太棒了。发布一个答案，然后我接受正确的答案answer@Omar，一些小的补充：（平衡标题上的填充以补偿右侧的图标，并防止文本与LI中的按钮重叠）

.ui-collapsible .ui-collapsible-heading-toggle {
  text-align: center;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

li > a.ui-btn {
  padding-right: 120px;
}