# Project - Survey form - help aligning radio buttons and check boxes **URL:** \ **Category:** I Built This\ **Created:** [August 29, 2018, 9:56pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314 "2018-08-29T21:56:09Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Miloseneca](https://avatars.discourse-cdn.com/v4/letter/m/dc4da7/32.png) [@Miloseneca](https://forum.freecodecamp.org/u/Miloseneca)\ **Post date:** [August 29, 2018, 9:56pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/1 "2018-08-29T21:56:10Z")
A call for help. I cant seem to get these radio buttons or check boxes aligned along with their labels, also the longer labels seem to be perma schrunched for some reason. > **[FCC: Survey Form](https://codepen.io/miloseneca/pen/pOoWoN)** > > ... ---
**Author:** ![michaelnicol](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelnicol/32/224831_2.png) [@michaelnicol](https://forum.freecodecamp.org/u/michaelnicol)\ **Post date:** [August 29, 2018, 10:50pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/2 "2018-08-29T22:50:13Z")
Try putting the checkbox themselves in a their own box, and align all the content to the left. Then put that box inside of another and used `margin: 0 auto` to align to the center. ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/1/6/16fd01e150cd0e8aa575eabb68fc55c4ab858735.png) ---
**Author:** ![StanSkrivanek](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/stanskrivanek/32/93862_2.png) [@StanSkrivanek](https://forum.freecodecamp.org/u/StanSkrivanek)\ **Post date:** [August 29, 2018, 10:54pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/3 "2018-08-29T22:54:00Z")
> **[FCC: Survey Form](https://codepen.io/stan65/pen/KxNpKv?editors=1100)** > > ... Here is short fix for part of your current code just to get an idea. There was in CSS a few things that I have removed or changed. You have called “input” globally that is not good practice and I have make it a class called “.input” other problem was with your “form” text align,. I have used flex on NEW wrapping div and so on. Hope that will help you to sort your problems at least partially. ---
**Author:** ![michaelnicol](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/michaelnicol/32/224831_2.png) [@michaelnicol](https://forum.freecodecamp.org/u/michaelnicol)\ **Post date:** [August 29, 2018, 11:01pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/4 "2018-08-29T23:01:13Z")
@StanSkrivanek Then you can put all that survey content inside its own div/box and align that to the center, creating --\> [Project - Survey form - help aligning radio buttons and check boxes](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/2?u=michaelnicol) ---
**Author:** ![Miloseneca](https://avatars.discourse-cdn.com/v4/letter/m/dc4da7/32.png) [@Miloseneca](https://forum.freecodecamp.org/u/Miloseneca)\ **Post date:** [August 30, 2018, 4:38pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/5 "2018-08-30T16:38:26Z")
Ahh I see. Thank you for your help! ---
**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\ **Post date:** [June 1, 2021, 1:44pm UTC](https://forum.freecodecamp.org/t/project-survey-form-help-aligning-radio-buttons-and-check-boxes/222314/6 "2021-06-01T13:44:51Z")
Closed on June 1, 2021, 1:44pm UTC