# Two-column forms via CSS

**URL:** <https://community.hubspot.com/t/two-column-forms-via-css/16746>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [October 15, 2019, 11:54am UTC](https://community.hubspot.com/t/two-column-forms-via-css/16746 "2019-10-15T11:54:29Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![cdhq\_cpander](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cdhq_cpander/32/92090_2.png) [@cdhq\_cpander](https://community.hubspot.com/u/cdhq_cpander)\
**Post date:** [October 15, 2019, 11:54am UTC](https://community.hubspot.com/t/two-column-forms-via-css/16746/1 "2019-10-15T11:54:29Z")

</div>

Hi there,

I am using some of the free marketplace templates ([https://marketplace.hubspot.com/products/airfleet/airfleet-event-page](https://marketplace.hubspot.com/products/airfleet/airfleet-event-page)

[AirFleet - Event Template](http://airfleet-4078036.hs-sites.com/airfleet-event-templat)) which also contains a two-column form. Anyway in the installed template itself the related form is missing, so I tried to do it manually with a general Hubspot form, but somehow it doesn’t work to show up the form fields in two columns.

Is there in general already some CSS class available for any Hubspot landingpage form, to set it up with two columns instead of single column?

I just found this source [https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Help-with-multi-column-form-fieldset-width/m-p/265525#M2411](https://community.hubspot.com/t5/Blog-Website-Page-Publishing/Help-with-multi-column-form-fieldset-width/m-p/265525#M2411) but not sure if this works in general…

Thank you for your help!

Constantin

---

<div class="post-metadata">

**Author:** ![joceyng](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/joceyng/32/84335_2.png) [@joceyng](https://community.hubspot.com/u/joceyng)\
**Post date:** [October 16, 2019, 8:57am UTC](https://community.hubspot.com/t/two-column-forms-via-css/16746/2 "2019-10-16T08:57:42Z")

</div>

Hey [@cdhq\_cpander](https://community.hubspot.com/t5/user/viewprofilepage/user-id/100894), thanks for posting in the forum!  
Did you know that you can arrange your form fields side-by-side in the form editor? You can see this in action here: [Customize the layout of your form fields](https://knowledge.hubspot.com/forms/arrange-form-fields-side-by-side)  
FYI it is currently not possible to arrange form fields in 3 columns in the form editor and by default, the fields will be arranged in a 50:50 layout. If you need to make further adjustments to the look and feel of the form, that’s where CSS would come in handy.

Do give the above a try and if you need further assistance with your form, please include a link to the page that has your form. I’m happy to take a closer look and point you in the right direction! 🙂

---

<div class="post-metadata">

**Author:** ![cdhq\_cpander](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/cdhq_cpander/32/92090_2.png) [@cdhq\_cpander](https://community.hubspot.com/u/cdhq_cpander)\
**Post date:** [October 17, 2019, 7:22am UTC](https://community.hubspot.com/t/two-column-forms-via-css/16746/3 "2019-10-17T07:22:50Z")

</div>

Hey @joceyng ,

great, thank you for this helpful information!

Best,

Constantin