2016-10-22 10 views
0

我正在尝试做某些事情,并且我知道使用< br>不是一种将东西放在新线路上的好方法,因此我被告知要尝试H1-6,所以我做了但它不是由我的答案和问题在两个不同行,但如果我不喜欢这样HTML:这可以接受吗?我围绕着文字和一个选择包裹了一个<h4>

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

然后正常工作的结果是这样的: 的而不是这样的:没有 甚至然后把所有问题都粘在一起。

回答

-1

您可以使用CSS这样的:

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

的jsfiddle:https://jsfiddle.net/sxLyox0e/

而且你也应该使用标签选择标题和样式通过CSS

+0

我用更多的代码编辑了我原来的帖子。但至于CSS,我尝试过,我被告知:“ID不是必需的,如果我打算使用某种类型的自定义选择器,它将是一个类,以便我可以在页面上多次重复。” – Bowie

+0

我没有看到两个“ID”? – Bowie

+0

哦,我删除了div的名称,因为它是不切实际的每个单一的东西使用div id,我现在卡住了,虽然 – Bowie

0

字号为什么不喜欢这?

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

这只是当我为所有其他人以及http:// prnt所做的时候出现的。 sc/cxiz1l – Bowie

+0

您可以使用css来调整每个元素的边距或填充 –

相关问题