# Centering text in embedded form

**URL:** <https://community.hubspot.com/t/centering-text-in-embedded-form/88584>\
**Category:** Lead Capture Tools\
**Tags:** forms\
**Created:** [August 30, 2023, 6:54am UTC](https://community.hubspot.com/t/centering-text-in-embedded-form/88584 "2023-08-30T06:54:03Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![EStefanou](https://avatars.discourse-cdn.com/v4/letter/e/bbce88/32.png) [@EStefanou](https://community.hubspot.com/u/EStefanou)\
**Post date:** [August 30, 2023, 6:54am UTC](https://community.hubspot.com/t/centering-text-in-embedded-form/88584/1 "2023-08-30T06:54:03Z")

</div>

Hi community,

I’ve tried centering this text using standard HTML code, but it doesn’t work. The text above the email field isn’t part of the form, so it’s the email field, the text below it and the CTA button that I’m trying to center on the page. Any idea how I can achieve this? Thank you!

 ![](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/c/3c5f1b543901a26e623b8c104a58969cf027f733.png)

---

<div class="post-metadata">

**Author:** ![ChrisoKlepke](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/chrisoklepke/32/11213_2.png) [@ChrisoKlepke](https://community.hubspot.com/u/ChrisoKlepke)\
**Post date:** [August 30, 2023, 6:59am UTC](https://community.hubspot.com/t/centering-text-in-embedded-form/88584/2 "2023-08-30T06:59:09Z")

</div>

Hey @EStefanou ,

Thank you for reaching out to the community. Would you mind sharing a link to the page? You can probably do that with custom CSS

Cheers,

Chriso

---

<div class="post-metadata">

**Author:** ![EStefanou](https://avatars.discourse-cdn.com/v4/letter/e/bbce88/32.png) [@EStefanou](https://community.hubspot.com/u/EStefanou)\
**Post date:** [August 30, 2023, 7:01am UTC](https://community.hubspot.com/t/centering-text-in-embedded-form/88584/3 "2023-08-30T07:01:37Z")

</div>

Hi Chris, the page is [www.bloomful.io](http://www.bloomful.io)  
I haven’t used custom CSS in HubSpot yet… how would I go about doing that?

---

<div class="post-metadata">

**Author:** ![ChrisoKlepke](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/chrisoklepke/32/11213_2.png) [@ChrisoKlepke](https://community.hubspot.com/u/ChrisoKlepke)\
**Post date:** [August 30, 2023, 7:20am UTC](https://community.hubspot.com/t/centering-text-in-embedded-form/88584/4 "2023-08-30T07:20:12Z")

</div>

Hey @EStefanou ,

I think it’s actually not that big of deal, though. I see in the code of the website that the form itself is set to 80% width of its parent element. You can modify that easily and set it to a 100% in the settings under _Style_ of the form here:

 ![Screenshot 2023-08-30 at 09.16.50.png](https://d2qpr2jzcazej7.cloudfront.net/original/2X/d/db6d7aef23dab5ce77d6fe34a2d9a659a16faea3.png)

This should solve the issue and centered it to the respective headline.

Fantastic website, I might add. Looks really cool and a good cause.

If you found this post helpful, consider helping others in the community to find answers faster by marking this as a solution. I’d really appreciate it.

Cheers,

Chriso