Formatting radio button text using CSS

  • Profile Image
    Asked on May 21, 2013 at 05:39 PM

    I'm trying to get format the text in my radio button list and I'm having lots of trouble. I originally formatted the text with HTML but it's really easy to mess it up so I thought I should try something else. I've never used CSS but It seems like it's the perfect solution to my problem. The issue is that I have no idea how to use CSS and after 2 hours of messing around with CSS code I pulling my hair out. How to I get the text to look like this:

    Plan C: 12 set meals per week and $300 Declining Balance per Semester
                   Required for students in the first full year of college

    I know you have to add some type of ID tag to the CSS but I just don't know how to do that. Save me!

  • Profile Image
    Answered on May 21, 2013 at 06:18 PM


    It will not be difficult for you do this.

    While editing the text of the Radio button options do the next:

    - Don't touch the first option, leave how it is now.

    - For the second option before the text add the <b>   tag and after the text insert the closing tag </b> and with capital letter:


    - In the third option do the same, add the <b> and   tags </b>before and after the text but now in lower case:

    Finally you'll have this:


    And that's it.

    I hope this helps you.


  • Profile Image
    Answered on May 21, 2013 at 06:21 PM


    I've made that changes to the cloned version of your form:

    I'm using <br> tags to move text into the new line then &nbsp; to indent texts.