# Making Checkbox and Form Fields into Two Column

**URL:** <https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291>\
**Category:** CRM\
**Created:** [October 2, 2020, 3:43am UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291 "2020-10-02T03:43:55Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![sudshetty1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sudshetty1/32/9140_2.png) [@sudshetty1](https://community.hubspot.com/u/sudshetty1)\
**Post date:** [October 2, 2020, 3:43am UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/1 "2020-10-02T03:43:55Z")

</div>

Hello,

I am trying to create two columns but ended making the whole table into 50% small.

can someone help me with this? I want to 7 check boxes in two column and have tried editing the column width in the page source.

 ![32633i70A9276F45AAC40B.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/3/538559f296f1a96729da54e2876986fa39088848.png)

---

<div class="post-metadata">

**Author:** ![PamCotton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/pamcotton/32/47916_2.png) [@PamCotton](https://community.hubspot.com/u/PamCotton)\
**Post date:** [October 2, 2020, 2:55pm UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/2 "2020-10-02T14:55:53Z")

</div>

Hello @sudshetty1

I would like to invite some of our top experts on this matter into this conversation.

[@Daniel\_Bleich](https://community.hubspot.com/t5/user/viewprofilepage/user-id/90669), @tjoyce, @DanielSanchez, would you able to share some tips to help @sudshetty1 edit his form?

Thank you,

Pam

---

<div class="post-metadata">

**Author:** ![tjoyce](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tjoyce/32/88832_2.png) [@tjoyce](https://community.hubspot.com/u/tjoyce)\
**Post date:** [October 3, 2020, 7:34am UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/3 "2020-10-03T07:34:28Z")

</div>

It’s hard to give you the exact code without seeing the preview link but something like this should work…

```lia-code-sample
<style>
.hs-form ul.inputs-list {
-webkit-column-count:2;
 -moz-column-count:2;
 column-count:2;
}
</style>

```

---

<div class="post-metadata">

**Author:** ![DanielSanchez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danielsanchez/32/48193_2.png) [@DanielSanchez](https://community.hubspot.com/u/DanielSanchez)\
**Post date:** [October 6, 2020, 5:39pm UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/4 "2020-10-06T17:39:15Z")

</div>

Hi @sudshetty1 ,

You must insert some code in your css file.

Can u sent link of page with this form, and I return you with what to insert.

Best regards!

---

<div class="post-metadata">

**Author:** ![sudshetty1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sudshetty1/32/9140_2.png) [@sudshetty1](https://community.hubspot.com/u/sudshetty1)\
**Post date:** [October 6, 2020, 5:44pm UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/5 "2020-10-06T17:44:15Z")

</div>

,

---

<div class="post-metadata">

**Author:** ![DanielSanchez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/danielsanchez/32/48193_2.png) [@DanielSanchez](https://community.hubspot.com/u/DanielSanchez)\
**Post date:** [October 8, 2020, 4:30pm UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/6 "2020-10-08T16:30:08Z")

</div>

```lia-code-sample
ul.inputs-list.multi-container li {
 width: 40%;
 display: inline-block;
 min-width: 300px;
}

```

Hi @sudshetty1 ,

Try insert this code in yout CSS file:

Did this post help solve your problem? If so, please mark it as a solution.

Best regards! 🙂

---

<div class="post-metadata">

**Author:** ![sudshetty1](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sudshetty1/32/9140_2.png) [@sudshetty1](https://community.hubspot.com/u/sudshetty1)\
**Post date:** [October 8, 2020, 6:28pm UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/7 "2020-10-08T18:28:12Z")

</div>

Hi,

I want to know where to insert the code and should I create a new class in the page source for the same?

---

<div class="post-metadata">

**Author:** ![TCremeens](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tcremeens/32/27089_2.png) [@TCremeens](https://community.hubspot.com/u/TCremeens)\
**Post date:** [November 10, 2022, 2:40pm UTC](https://community.hubspot.com/t/making-checkbox-and-form-fields-into-two-column/26291/8 "2022-11-10T14:40:16Z")

</div>

This is great. Is there a way to make this container apply to only one or two questions in the form versus every question in the form?