JQuery Mobile：トグルバーのラベルの中央のテキストの整列

Question

この単純なコードを作成しました。クリックすると「プッシュ」状態に留まり、再度クリックすると正常に戻ります。

問題：浮動小数点数を使用して：ラベルのテキストが右に移動し、浮動小数点数を設定しないとデフォルトで左に移動します。私はフロートを置くとき：センターは、左にとどまります。誰かが私が中心にテキストを置くのを助けることができるなら、私は幸せになるでしょう。ありがとうございました！

This is my code from jsfiddle

Answer 1

あなたがセンターにしたいjQueryのモバイル要素は.ui-btn-textクラスを使用してフィールドセット内にネストされたものです：

#ui-2 .ui-btn-text { 
    text-align : center; 
    width  : 100%; 
} 

http://jsfiddle.net/nfGmJ/10/