# CSS styling of Radio Buttons is not working

**URL:** <https://forum.kirupa.com/t/css-styling-of-radio-buttons-is-not-working/326879>\
**Category:** web dev\
**Created:** [January 18, 2012, 7:34pm UTC](https://forum.kirupa.com/t/css-styling-of-radio-buttons-is-not-working/326879 "2012-01-18T19:34:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pherank](https://avatars.discourse-cdn.com/v4/letter/p/4af34b/32.png) [@Pherank](https://forum.kirupa.com/u/Pherank)\
**Post date:** [January 18, 2012, 7:34pm UTC](https://forum.kirupa.com/t/css-styling-of-radio-buttons-is-not-working/326879/1 "2012-01-18T19:34:44Z")

</div>

I’ve been trying to modify the “Subtraction Good Form 0.2” ([http://examples.webtypes.com/goodform/](http://examples.webtypes.com/goodform/))

Unfortunately, I’m learning that there is a large amount of CSS involved in styling the form elements.

I’m having a lot of problems trying to get the radio buttons to display on one line (you will see that they are surrounded with a red border). Plus the HTML functioning of the buttons is impaired (and I haven’t figured out why). Any ideas on how I can fix the CSS? And if you can spot the HTML issue with the radio buttons I would be very thankful.

My version of the form is here:  
[http://www.burntscarlet.com/\_test/help\_forums/form\_radio\_styling.html](http://www.burntscarlet.com/_test/help_forums/form_radio_styling.html)