CSS를 통해 JQuery Mobile에서 텍스트 가운데 맞추기

Question

JQuery Mobile을 사용하여 응용 프로그램을 작성하고 있습니다. 내 앱은 페이지 상단의 헤더 아래에 메시지를 표시합니다. 스타일 매커니즘을 사용하고 싶습니다. 현재, 나는 다음과 같습니다

<div data-role="content"> 
    <ul data-role="listview"> 
    <li data-role="list-divider"><span id="dynamicLabel">Loading</span></li> 
    </ul><br /> 
</div> 

어떻게 수평 dynamicLabel에 의해 표시되는 내용을 중심합니까? 내가하는 일과 상관없이, 텍스트 "Loading"은 항상 왼쪽으로 정렬됩니다. 나는 text-align : center와 margin-left : auto with margin-right : auto를 시도했다. 운이 없다.

제공 할 수있는 의견을 보내 주셔서 감사합니다.

Answer 1

text-align:center;을 <li>에 추가하고 <span>을 추가하지 마십시오. [jQuery를 모바일 센터링 요소]의

jsFiddle