tangteng78
asked on
How to indent the text on radiobuttonlist?
Hi,
When I'd resize the radiobutton to be larger, it's kind of overlapped on the text. How can I set the indentation of the text?
<head runat="server">
<title></title>
<style>
input[type='radio'] {
transform: scale(3);
padding-left:-20px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:RadioButtonList ID="cbRedeem" runat="server" AutoPostBack="true" >
<asp:ListItem Value="paypal">Paypal</asp :ListItem>
<asp:ListItem Value="creditcard">Credit Card</asp:ListItem>
<asp:ListItem Value="retail">Retail</asp :ListItem>
</asp:RadioButtonList>
</form>
</body>
</html>
radiobutton.jpg
When I'd resize the radiobutton to be larger, it's kind of overlapped on the text. How can I set the indentation of the text?
<head runat="server">
<title></title>
<style>
input[type='radio'] {
transform: scale(3);
padding-left:-20px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:RadioButtonList ID="cbRedeem" runat="server" AutoPostBack="true" >
<asp:ListItem Value="paypal">Paypal</asp
<asp:ListItem Value="creditcard">Credit Card</asp:ListItem>
<asp:ListItem Value="retail">Retail</asp
</asp:RadioButtonList>
</form>
</body>
</html>
radiobutton.jpg
From the attached picture, it looks like you need more padding between the options.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Spot on. Thanks.