Labels and inputs wont align

HTML-CSS
#1

Tell us what’s happening:

I am trying to make a “gender” question for my survey. I need 3 radio buttons (male, female, and other). When I try to create it, the inputs and labels are stacked on top of each other instead of being in aligned. I’ve since deleted the code for the gender question, but can someone help me out and try to solve this problem.

Your code so far

https://codepen.io/jalal_b/pen/vYXpwvq

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

#2

Hi @jalal_b,

It’s hard to see how to help since you deleted the code for the gender question. If that’s what you’re asking for, I suggest trying it so we can see it. We’ll be better able to help once we can see it.