Как увеличить ширину текста элемента списка флажка,
У меня больше места на правой стороне, но текст идет в нескольких строках, но не подходит к правой стороне.
а также можно поместить флажок в текст?
заранее спасибо
<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 входит в несколько строк, и я хочу сделать его в одной строке.
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;}