Radio and Checkbox vertical alignment using flex box

HTML-CSS
1

Hello!

I am trying to align my radio and checkbox vertically on my survey form using flexbox. Not sure why I cant change this. Any ideas?

https://codepen.io/mahboibrink/pen/LwmRKo?editors=1100

Thanks!

2

try given it the value of “display:block”

1 Like
3

One way to do it is to give your .form-now class a flex-wrap: wrap rule and give your radios/checkboxes a flex: 1 1 100%. However, there are currently some issues with your html. A <label> should be associated with a single input (e.g. a single radio button) and not a whole group of them. So text like “1-2 Days” should be inside a label and not sit by itself in html.

1 Like