JQuery Mobile主题列表包含一行中的块

Question

我一直试图以下[link] http://jsfiddle.net/wigiri/DAJca/为主题，但没有成功，以下是一个项目的示例：

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

我希望标签位于左侧，滑块位于右侧，使用漂亮的“列表项”背景彼此对齐。

有什么想法吗？

Answer 1

以下是一个有效的例子：http://jsfiddle.net/Gajotres/pzfr2/

使用的CSS：

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

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