如何並排位置<label>側兩個元素

Question

<label for="checkbox6">XXXXXX 
 
\t \t \t \t \t <div style="padding-left: 9.5%;padding-right: 45%;padding-bottom:1.5%"><input class="form-control" name="quantum" type="number" min="1" placeholder="SSSS" required></div> 
 
\t \t \t \t \t </label>

我想要的 「SSSS」 是對 「XXXXXX」 文本的右側

Answer 1

只需添加display:flex到<label>像這樣：

label { 
    display: flex; 
} 

Here is the JSFiddle demo

另外請注意，我刪除ü在我們的代碼提供的原始填充樣式。

Answer 2

<div> 
 
<label for="checkbox6">XXXXXX</label> 
 
<input class="form-control" name="quantum" type="number" min="1" placeholder="SSSS" required> 
 
</div>

Answer 3

與您的代碼段有關的問題：

• 請勿將輸入嵌套在標籤內。
• 您的for屬性與input元素的name屬性不匹配。

<div> 
 
    <label for="myInput">XXXXX</label> 
 
    <input name="myInput" placeholder="SSSS"/> 
 
</div>