h3標題旁邊的內聯複選框

Question

我試圖把一個簡單的複選框內聯到標題的左邊，我嘗試添加如下的內聯css，但它仍然對齊。

<input type="checkbox" style="display:inline"/><h3>Header Text</h3> 

我有一個列表，我想用戶選擇，因此爲什麼我想每個旁邊的複選框。

Answer 1

的H3元素是默認塊元素（即100％的寬度，所以它不適合在該行其他東西）

改變它內聯塊，你會看到，它應該工作罰款（這也意味着，你可以刪除複選框的內嵌樣式，以及）：

h3 { 
 
    display: inline-block; 
 
}

<input type="checkbox" /> 
 
<h3>Header Text</h3>

Answer 2

h3標籤需要整個寬度你的CSS樣式設置爲h3不需要設置複選框。

下面的代碼將幫助您

<input type="checkbox"/><h3 style="display:inline">Header Text</h3>