Как правильно выровнять тумблер в JQuery Mobile

Question

Как откидной переключатель можно выровнять по правому краю в представлении списка мобильных устройств jQuery?

Вот с чем я работаю: http://jsfiddle.net/bthj/ry799/

Там видно, что переключатель цепляется за метку слева, но мне бы хотелось, чтобы он был справа, чтобы лучше использовать пространство на узком экране мобильного телефона.

Установка "float:right" на div.ui-слайдере вокруг переключателя не работает, затем переключатель выплывает из списка.

Answer 1

Это должно сделать свое дело. Живой пример: http://jsfiddle.net/tw16/ry799/1/

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    display: block;
    padding: 0.9em 75px 0.9em 15px;
}
div.ui-slider-switch {
    position: absolute;
    right: 0;
    width: 44%;
}

Answer 2

div.ui-slider-switch {
 float:right; }