Search code examples
jquery-mobiletoggletext-align

JQuery Mobile: center text-align for label in Toggle Bar

I created this simple code, It it just a button that stays on a "push" state when clicked and returns to normal when clicked again.

THE PROBLEM: by using float:right the text in the label goes to right, and if i dont set the float it goes to the left by default. but when I put float:center it stays on the left. If someone can help me put the text on the center I would be happy. thank you!

This is my code from jsfiddle

Solution

  • The jQuery Mobile element you want to center is the one nested within your fieldset with the .ui-btn-text class:

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

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