c# - 如何增加复选框列表项的宽度

Question

如何增加复选框列表项文本的宽度，

我在右侧有更多空间，但文本出现在多行但没有出现在右侧。

还有可能将复选框放在文本旁边吗？

提前致谢

<asp:CheckBoxList ID="cbList" runat="server" Width="300px" ForeColor="Black" TextAlign="Right">
 <asp:ListItem Value="10" Text="Invoice" ></asp:ListItem>
 <asp:ListItem Value="20" Text="Payments"></asp:ListItem>
 <asp:ListItem Value="30" Text="General Ledger posting"></asp:ListItem>
 </asp:CheckBoxList>



.chkBoxList td
{
   width:120px; /* or percent value: 25% */
}

列表项 3 在多行中出现，我想将它放在一行中。

Answer 1

jsFiddle

HTML

<div class="ques">Is it an animal?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it an mineral?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it an vegetable?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it an fruit?</div><div class="cb"><input type ="checkbox" value="yes" /></div>
<div class="ques">Is it man-made?</div><div class="cb"><input type ="checkbox" value="yes" /></div>

CSS

.ques {width:66%;display:inline;float:left;}
.cb {width:33%;display:inline;float:left;}