Jquery mobile JQuery移动主题列表，其中一行包含块

我一直试图将以下[链接]作为主题，但没有成功，下面是一个项目的示例：

<ul data-role="listview">
                <li data-role="fieldcontain" class="ui-li">
                    <div>
                        <label class="ui-label" for="0">Afghan</label>
                    </div>
                    <div style="float:right">
                        <select name="0" id="0" onchange="saveSelect(this,'Food',0);" data-role="slider"
                        data-mini="true">
                            <option value="0">No</option>
                            <option value="1" undefined>Yes</option>
                        </select>
                    </div>
                </li>
</ul>

阿富汗人
不
对

我希望标签在左边，滑块在右边，用一个漂亮的“列表项”背景相互对齐

---

有什么想法吗？

下面是一个工作示例：

使用的CSS：

#slider-container {
    position: relative;
    float:right;  
    margin-top: -10px !important;    
}

#slider-container .ui-slider {
    margin-top: -50px !important;
}

---

下面是一个工作示例：

使用的CSS：

#slider-container {
    position: relative;
    float:right;  
    margin-top: -10px !important;    
}

#slider-container .ui-slider {
    margin-top: -50px !important;
}

---

工作起来很有魅力！谢谢，尽管JQuery的CSS中会有类似的东西，但它的工作方式很有魅力！谢谢，尽管JQuery的CSS中会有类似的内容。