헤더의 jQuery 모바일 버튼 아이콘이 아래에 표시됩니다

Question

내 페이지의 헤더에 두 개의 버튼을 나란히 놓아야합니다. 참조를 위해 아래 스크린 샷을 참조하십시오.

그러나 다음 코드를 사용한 후에는 아이콘이 서로 래핑됩니다. Ref. 아래 스크린 샷을 참조하십시오. 내가 jQuery를 모바일을 사용하고

<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> 

.

Answer 1

.home_icon_top{ 
    right:50px !important; 
} 

오른쪽의 값을 원하는대로 조정하십시오.

DEMO