獲得兩個控件，並且彼此相鄰

Question

我希望此標籤及其複選框彼此相鄰。但是，無論我如何嘗試，我都無法得到它。我曾嘗試將它們放在同一個div中。我嘗試過浮動，文本對齊和兩者的組合。我需要做什麼？現在他們之間有太多的空間。

<div class="col-md-1" style="text-align: right"> 
     @Html.Label("Public", new { @class = "control-label" }) 
</div> 
<div class="col-md-1"> 
     @Html.CheckBox("PublicNote", new { @class = "chk=style", @checked = "checked" }) 
</div> 

這應該在CSS或視圖中完成？我只需要在這種情況下做到這一點。

Answer 1

HTML

<div class="block"> 
    <label>Label with more text</label> 
    <input type="checkbox" /> 
</div> 

CSS

.block label { display: inline-block; width: 140px; text-align: right; } 

OR

<div> <label><input type="checkbox"/> Inline Form </label> </div> 

Answer 2

把Label和Checkbox在同一div，並添加display:inline-block到control-label班。