Radio and Checkbox vertical alignment using flex box


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?


try given it the value of “display:block”

1 Like

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