Center radio buttons and < hr >

HTML-CSS
1

Hi,

Back again,

been playing around the whole day in HTML and CSS, but im stuck again.
Probably also very tired and not thinking straight anymore.

but for a complete noob (just started monday with the course) I think im doing not too bad…

As you can see at the bottom the Radio buttons are not centered in the page and it doesnt look like it should same goes voor the < hr >

I just cant seem to find anything online how to center them. Been playing around with the padding margins and flexbox but I got nothing…

if somebody can push me in the right direction?

thanks.

2

Hello there!
It would be a good approach for to groups have the radio buttons in their containers. I see so many input and label tags that lack containers. Having a general container will lead to some difficulties when styling.

3

Hi,

Ok just to see of I get it correct is to add more div tags along the way.

Is it possible to add more than one class name? Example class=“form-group, styling”

Because the form-group class adds the blue square to the page so I want it to run all way the down.

And I can style the containers with the styling class name in CSS? Is that correct?

4

Yes, you can use divs or semantic elements (for accessibility purposes) for nesting.
It is possible to have more than one class name, however, we separate the classes using a space.
Yes, when styling the containers, you’ll have to use the individual class names.

You’re doing great, this is the right approach. Try the above, if they fail, come back for more quidance.

1 Like
5

Thanks Stephen.

I’ll give it a try.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.