How to make a radio/checkbox align with the label?

HTML-CSS
1

I’m doing the survey-form project and, although the code is messy, it’s almost complete and has passed all the user stories.

The only problem I’m having now is reducing the size of the radio buttons and checkboxes and aligning them next to each other, buttons/checkboxes first and labels after.

After a week of searching, watching videos, inputting different values and commenting out different sections, I’ve had to admit defeat and need some help.

I’m not good at asking for help and really wanted to do it myself, but here I am.

This is the link to my code: https://codepen.io/Deedeem/pen/bGovmpR?editors=1000

It’s not perfect, but it is what it is.

Challenge: Build a Survey Form

Link to the challenge:

2

you have your input and select set to display: block. radio buttons and checkboxes are input too! remember, block elements each start on their own new line, and inline elements dont force a new line :slight_smile:

if you have more questions, let me know, id be glad to give more guidance on what to do next

3

UPDATE: I figured it out!

Thanks for your response!

I tried commenting out display: block, but it doesn’t go back to normal. Even if I make the size of the input smaller, it makes no difference. How can I force it back to being inline as a smaller size again? I only want to keep the other inputs as 2.5em.

4

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