标题中的jQuery移动按钮图标位于下方

Question

在我的页面标题中，我必须并排放置两个按钮。有关参考，请参阅下面的屏幕截图。

但是在使用下面的代码后，图标相互重叠。对于参考看下面的屏幕截图。

<div data-theme="a" data-role="header" data-position="fixed"> <a data-role="button" data-rel="back" data-theme="a" href="#homepage" data-icon="back" data-iconpos="left" class="ui-btn-left"> Back </a>
<h3> Header </h3>
<a data-role="button" href="#homepage" data-icon="home" data-iconpos="notext" class="ui-btn-right home_icon_top"></a> 

我正在使用jQuery Mobile。

Answer 1

.home_icon_top{
    right:50px !important;
}

根据您的意愿调整右侧的值。

DEMO