레이블 오른쪽에있는 CheckBoxList를 가져 오는 방법은 무엇입니까? CheckBoxList의 너비는 얼마입니까?

Question

레이블 오른쪽에 체크 박스 목록이 나타나게하려면 어떻게해야합니까?

드롭 다운리스트는 유사한 코드로, 라벨의 오른쪽에 나타납니다,하지만 checkboxlist 레이블 아래에 나타납니다 :

<p> 
    <asp:Label ID="lblTestVersions" runat="server" Text="Toetsversie:" AssociatedControlID="DropDownListTestVersions"></asp:Label> 
    <asp:DropDownList ID="DropDownListTestVersions" runat="server" Width="250" TabIndex="1" > 
    </asp:DropDownList> 
</p> 
<p> 
    <asp:Label ID="lblTests0" runat="server" Text="Opties:"></asp:Label> 
    <asp:CheckBoxList ID="CheckBoxList1" runat="server" TabIndex="2" Width="200"> 
     <asp:ListItem Width="200">Option 1</asp:ListItem> 
     <asp:ListItem Width="200">Option 2</asp:ListItem> 
    </asp:CheckBoxList> 
</p> 

내가 Width="200" 여러 가지로 checkboxlist의 폭을 제한하려하지만 도움이되지 않았다 .

---

답안 (아래 참조)은 CheckBoxList가 실제로 테이블이며 항상 다음 줄로 이동한다는 것입니다.

Answer 1

HTML 표를 사용하기 만하면됩니다. 레이블을 td, 체크 박스 목록을 td으로 유지하십시오.

Answer 2

CSS :

#lblTests0 { float: left; display:block; width: 100px; } 

예 :

<p> 
    <label id="lblTests0">Opties:</label> 
    <table id="check1"> 
     <tbody> 
      <tr> 
       <td><input id="check1_0" type="checkbox" name="check1$0" value="Item 1"><label for="check1_0">Item 1</label></td> 
      </tr> 
      <tr> 
       <td><input id="check1_1" type="checkbox" name="check1$1" value="Item 2"><label for="check1_1">Item 2</label></td> 
      </tr> 
     </tbody> 
    </table> 
</p> 

미리보기가 나는 문제를 해결하는 방법에는 여러 가지가 알고, 여기 http://jsfiddle.net/NMWGh/