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

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