horizontally spacing radio buttons

[cassieolson]

I’m in an introductory HTML and CSS class so my question is probably very elementary. Here is my code:

Meat Toppings

Location

Pepperoni

The png’s are circles. The first is a full circle, the next only has the right half shaded, etc.
The radio buttons beneath the png’s do not line up horizontally with the png’s (Yes, the radio buttons are on a different row, but they’re not in the same column)

Does anyone know how I can fix this? We’re allowed to use any help we can get our hands on, so I’m counting on y’all!

[cassieolson]

Ok, I don’t know why it didn’t put my code in my question, so here’s try #2:

<fieldset>  
        <legend>Meat Toppings</legend>
        <div>
            <label>Location</label>
            <img src="rb_full.png" alt="" />
            <img src="rb_left.png" alt="" />
            <img src="rb_right.png" alt="" />
            <img src="rb_none.png" alt="" />
        </div>

        <div>
            <label>Pepperoni</label>




        </div>


        </fieldset>

[cassieolson]

Argh! What am I doing wrong in this forum? How do I get my code to post???

[Paulie_D]

Seems you din’t use the backticks required but we usually prefer code to be shown to us using Codepen.io rather than just dropped into a forum post.

When you have completed the Codepen demo you can copy the link and paste it here.

This is especially true as you did not provide any CSS nor are there any buttons or inputs in the code provided.

[Author]

Posts