Jquery mobile 在JQuery Mobile中将控制组设置为两个方向的中心对齐

我在一个页面中有一个标题，并在中间放置了一个控制组。我希望对照组在方向上与中心对齐。我们如何才能做到这一点

<div data-role="page" id= "Page1" style="background-color:#E8E8E8">
<div data-role ="header" data-theme="b"> 

  <a href="#" data-role="button" data-theme="b" class="ui-btn-left" id="backButtonHandler">Prev</a>
    <div data-role="controlgroup" data-type="horizontal" style="margin-left:24%;margin-top:5px;width:100%" >
    <a href="#" onclick="addContentToListView();" data-role="button" data-icon="arrow-l" >Prev</a>
    <a href="index.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Next</a>
    </div>
    <a href="#" data-role="button" data-theme="b" class="ui-btn-right" id="backButtonHandler">Next</a>
     </div>
   </div>

此处的文档：
-

定向班

HTML元素将始终具有“纵向”或“横向”类，具体取决于浏览器或设备的方向。您可以在CSS中使用这些功能，如下所示：

.portrait {
    /* portrait orientation changes go here! */
}
.landscape {
    /* landscape orientation changes go here! */
}

此处的文档：
-

定向班

HTML元素将始终具有“纵向”或“横向”类，具体取决于浏览器或设备的方向。您可以在CSS中使用这些功能，如下所示：

.portrait {
    /* portrait orientation changes go here! */
}
.landscape {
    /* landscape orientation changes go here! */
}