CSS help for RadioButtonList <p>After spending a lot of time, I've come to realize that I need some external help related to a CSS problem. </p> <p>So, I've been using a free template for my website. In the contact form, I added RadioButtonList, and its rendering button over text, rather than button then text in the same line. I am trying to get the standard format, but unable to achieve it. </p> <p>The RadioButtonList is under a form, which references to CSS blocks via <code>&lt;div id="contact-form"&gt;</code>, when I remove the <code>id=contact-form</code>, it fixes the Radio button problem, but kills rest of the CSS. So, I don't want to touch it. I checked out the CSS stuff, and this is what it looks like: </p> <pre><code>/* contact form */ #contact-form form { margin-bottom: 30px; } #contact-form div { float: left; width: 100%; } #contact-form .half { width: 47%; } #contact-form label { display: inline-block; float: left; } #contact-form input, #contact-form textarea, #contact-form select { width: 100% !important; min-width: none; margin-bottom: 12px; } #contact-form button.submit { text-transform: uppercase; letter-spacing: 2px; margin-top: 24px; } #contact-form span.required { color: #11ABB0; } </code></pre> <p>On further trial and error, I found that on removing <code>width: 100%</code>the radio button and text come in same line, but radio button is to the right to the text. I was able to put buttons to the left of text by further deleting <code>float: left;</code> inside <code>#contact-form label</code>. This works! However, it ruins rest of the things, which is very upsetting. </p> <p>Also, when the radio button text is longer and comes to the next line, it screws up stuff again, and its weird. Would it possible to keep rest of the things unchanged, while I get to resolve the radio button problem? </p> <p>Can't I make some CSS change specific to radio button which does not effect rest of the things in CSS file or here in the RadioButtonList options/properties? Here's what it looks like: </p> <pre><code>&lt;asp:RadioButtonList ID="RadioButtonListMsgs" runat="server" RepeatLayout="Table" RepeatDirection="Vertical" TextAlign="Right"&gt; &lt;asp:ListItem&gt;A &lt;/asp:ListItem&gt; &lt;asp:ListItem&gt;B&lt;/asp:ListItem&gt; &lt;/asp:RadioButtonList&gt; </code></pre> <p>Please, can someone help? Thanks a lot!</p>