# Survey-Form aligning checkboxes

**URL:** <https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298>\
**Category:** I Built This\
**Created:** [October 22, 2018, 2:56am UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298 "2018-10-22T02:56:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Haudz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/haudz/32/83151_2.png) [@Haudz](https://forum.freecodecamp.org/u/Haudz)\
**Post date:** [October 22, 2018, 2:56am UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298/1 "2018-10-22T02:56:23Z")

</div>

Hi everyone,

Would someone please help me out? I am trying to align my checkboxes across from the text like how the example is shown. I tried flexbox but flexbox aligns them vertically stacked and I dont know how to bring the checkboxes down without moving the text. I am referring to the “Preferred Language” section in this project…

> **[LgBxVp](https://codepen.io/Haudz/pen/LgBxVp)**
>
> ...

---

<div class="post-metadata">

**Author:** ![Haudz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/haudz/32/83151_2.png) [@Haudz](https://forum.freecodecamp.org/u/Haudz)\
**Post date:** [October 22, 2018, 3:42am UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298/2 "2018-10-22T03:42:47Z")

</div>

I got it centered and working by putting the items as list-items. If anyone knows how to without using list-items I would love to know.

Thank you

---

<div class="post-metadata">

**Author:** ![EricHeredia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ericheredia/32/103764_2.png) [@EricHeredia](https://forum.freecodecamp.org/u/EricHeredia)\
**Post date:** [October 22, 2018, 4:47am UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298/3 "2018-10-22T04:47:33Z")

</div>

I’m still learning myself. but I got the desired result by using flexbox. I set the direction to row so it wouldn’t go vertically, bc I think column is the default.

This mini game REALLY helped me understand flexbox, it’s quick and fun, try it out.

> **[Flexbox Froggy](http://flexboxfroggy.com/)**
>
> A game for learning CSS flexbox

---

<div class="post-metadata">

**Author:** ![Haudz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/haudz/32/83151_2.png) [@Haudz](https://forum.freecodecamp.org/u/Haudz)\
**Post date:** [October 23, 2018, 4:47am UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298/4 "2018-10-23T04:47:55Z")

</div>

Thanks, Eric. I will check out the game.

---

<div class="post-metadata">

**Author:** ![safwyl](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/safwyl/32/100724_2.png) [@safwyl](https://forum.freecodecamp.org/u/safwyl)\
**Post date:** [October 23, 2018, 7:37am UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298/5 "2018-10-23T07:37:37Z")

</div>

Try making container-preferred a flexbox and play around with using flex-direction row and flex wrap.

---

<div class="post-metadata">

**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:42pm UTC](https://forum.freecodecamp.org/t/survey-form-aligning-checkboxes/235298/6 "2021-06-01T13:42:02Z")

</div>

Closed on June 1, 2021, 1:42pm UTC