HTML:这可以接受吗？我将一个<h4>包装在文本和一个select

Question

我正在尝试做一些事情，我知道使用< br>不是一种把东西放在新行上的好方法，所以我被告知尝试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