Question

我正在尝试做某事我知道使用＆lt; BR＆GT;把东西放到一个新线路上并不是一个很好的方法，所以我被告知要尝试H1-6，所以我做了但是它改为在两个不同的行上提出我的答案和问题，但如果我这样做的话

        <div>
            <label for="room">Select Your Room:</label>
            <select id="room" name="room" required>
                <option disabled selected value="">
                    Choose a room
                </option>
                <option value="S308">
                    S308
                </option>
                <option value="S324">
                    S324
                </option>
                <option value="L2">
                    L2
                </option>
                <option value="ME201">
                    ME201
                </option>
                <option value="ME208">
                    ME208
                </option>
        </div>
        <div>
            </select> <br>
            <label for="machinenum">Select Your Machine Number:</label>
            <label for="machinenum">1 - 15 </label>
            <input id="machinenum" name="machinenum" type="number" min="1" max="15" value="1" required><br>
        </div>

然后它运作正常，结果是这样的：而不是像这样：或者甚至没有h4然后把所有问题都放在一起。

Answer 1

为什么不喜欢这个？

<div id="room">
  <div>
    <label for="room">Select Your Room:</label>
    <select id="room" name="room" required>    
    <option disabled selected value="">Choose a room</option>
    <option value="S308">S308</option>
    <option value="S324">S324</option>
    <option value="L2">L2</option>
    <option value="ME201">ME201</option>
    <option value="ME208">ME208</option>
  </div> 
  ...
</div>

Answer 2

您可以使用CSS：

your-selector-with-heading-and-input {
    display: inline-block
}

jsFiddle：https://jsfiddle.net/sxLyox0e/

您还应该使用标签作为选择标题，并通过CSS

设置字体大小

HTML：这可以接受吗？我在文本和选择周围包裹了一个<h4>

2 个答案: