Build a Survey Form-Aligning Labels

HTML-CSS
#1

Tell us what’s happening:
Hello Everyone,

I am very new to coding and I am struggling with the second project of the Survey Form. My code will past the test however I am trying to make my page look better. I can not figure out how to align my page in orderly way. I would like my labels aligned to the left and my inputs aligned to the right. Currently everything is in the center. I tried using the table tag however I was unsuccessful. Any suggestions would be highly appreciated.

Thanks

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

#2

Go head and paste a link to your code via codepen.

#3

This is the best alignment I have been able to achieve so far. Im really struggling with aligning my page using CSS.

Thanks for any and all help!

#4

Few things you can do here.

Give your uls

margin:0;
padding:0;

Try giving some paddings your #survey-form container top and bottom.
change cursor of mouse when it hovers on submit button. give it some padding as well.

good luck!

#5

Thank you! I will put these suggestions to use right away!

#6