在选择列表之前插入标签

Question

我正在使用jQuery Mobile使用以下代码创建页面：

<fieldset data-role="controlgroup" data-type="horizontal">
    <legend>Width:</legend>
    <label>This never gets displayed on the screen</label>
    <select name="select-native-11" id="select-native-11">
        <option value="#">2</option>
        <option value="#">3</option>
        <option value="#">4</option>
    </select>
    <label for="select-native-12">Select Inches</label>
    <select name="select-native-12" id="select-native-12">
        <option value="#">1/2</option>
        <option value="#">1/3</option>
        <option value="#">1/4</option>
    </select>
</fieldset>
</form>

我得到以下结果：

如何将“宽度”文本和选择元素放在一行中？

Answer 1

我不确定你从jQuery mobile继承的样式..但基本上你会想要这样的东西。

legend {
    display:inline-block;
    float:left;
}

演示：

http://jsfiddle.net/eLjqf6Lm/