# Reformat a checklist form

**URL:** <https://community.hubspot.com/t/reformat-a-checklist-form/84467>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [June 30, 2023, 10:21am UTC](https://community.hubspot.com/t/reformat-a-checklist-form/84467 "2023-06-30T10:21:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![JPieters](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jpieters/32/41863_2.png) [@JPieters](https://community.hubspot.com/u/JPieters)\
**Post date:** [June 30, 2023, 10:21am UTC](https://community.hubspot.com/t/reformat-a-checklist-form/84467/1 "2023-06-30T10:21:42Z")

</div>

Hi,  
I have an issue with my checklist form field property displaying oddly on my landing page. See the below image, I would like the text (1. Kept as a spare until repurposed) to be displayed next to the checkbox. How do I change this? 😁

 ![JPieters_0-1688120381836.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/5/1/51a9b68fb156a0387796c31767b9d2f4adc569ae.png)

---

<div class="post-metadata">

**Author:** ![TomM2](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tomm2/32/70887_2.png) [@TomM2](https://community.hubspot.com/u/TomM2)\
**Post date:** [June 30, 2023, 11:56am UTC](https://community.hubspot.com/t/reformat-a-checklist-form/84467/2 "2023-06-30T11:56:07Z")

</div>

Hey @JPieters the easiest way would be to just use a HubSpot theme if you’re [externally embedding the form](https://knowledge.hubspot.com/forms/how-can-i-share-a-hubspot-form-if-im-using-an-external-site#style-your-embedded-form-in-the-form-editor). If this isn’t an option, or you’re using the HubSpot CMS then you’ll need to set this in your stylesheet through CSS.

There’s a few ways to do this, but you will need some css experience or a developer to help out. I found some helpful guides which can point you in the right direction here:

[https://www.w3docs.com/snippets/css/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers.html](https://www.w3docs.com/snippets/css/how-to-align-checkboxes-and-their-labels-consistently-cross-browsers.html)

> **[How to align checkboxes and their labels on cross-browsers using CSS ? -...](https://www.geeksforgeeks.org/css/how-to-align-checkboxes-and-their-labels-on-cross-browsers-using-css/)**
>
> Your All-in-One Learning Portal: GeeksforGeeks is a comprehensive educational platform that empowers learners across domains-spanning computer science and programming, school education, upskilling, commerce, software tools, competitive exams, and...