# Radio Button Option Alignment

**URL:** https://community.gravityforms.com/t/radio-button-option-alignment/9719
**Category:** Get Help
**Tags:** css, radio-buttons, centered
**Created:** [June 7, 2021, 12:35pm UTC](https://community.gravityforms.com/t/radio-button-option-alignment/9719 "2021-06-07T12:35:37Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![user6094fcba92c38270](https://avatars.discourse-cdn.com/v4/letter/u/e480ec/32.png) [@user6094fcba92c38270](https://community.gravityforms.com/u/user6094fcba92c38270)
#### Post date: [June 7, 2021, 12:35pm UTC](https://community.gravityforms.com/t/radio-button-option-alignment/9719/1 "2021-06-07T12:35:37Z")

</div>

Hi there,

I am trying to alight my radio button options. Currently on my form, everything is centered which based on the length of the defined answers throws the alignment off. I need them left alligned in one, 2 or 3 columns depending on the questions in the form.

See here: [Apply for a loan - Moneyline-uk: Affordable loans from £100 - £500 | Trusted Credit Lender](https://moneyline-uk.com/customer-area/apply-for-a-loan/) Titles like mr,miss, mrs are centered, and need to be aligned to the left.

Thank you!

---

<div class="post-metadata">

### Author: ![chrishajer](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/chrishajer/32/88_2.png) [@chrishajer](https://community.gravityforms.com/u/chrishajer)
#### Post date: [June 8, 2021, 5:19pm UTC](https://community.gravityforms.com/t/radio-button-option-alignment/9719/2 "2021-06-08T17:19:10Z")

</div>

Hi Claire. There is some custom CSS being added for page 731 (in fact, it’s added twice) specifically, which is making the radio buttons aligned left. It’s this CSS:

```auto
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_radio {
    margin-left: auto;
    margin-right: auto;
    width: 16em;
}

```

If you remove the margin-left and margin-right (and find all instances of that and remove them all) the radio button field will look like this:

> **[firefox swcMdGA6Dz.png](https://d.pr/i/NiJXMy)**
>
> Shared with Droplr

Let us know if you have any other questions.

---

<div class="post-metadata">

### Author: ![richardw8k](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/richardw8k/32/2354_2.png) [@richardw8k](https://community.gravityforms.com/u/richardw8k)
#### Post date: [January 5, 2022, 8:33am UTC](https://community.gravityforms.com/t/radio-button-option-alignment/9719/3 "2022-01-05T08:33:10Z")

</div>