# Inline Form / Inline Fields

**URL:** https://forum.mautic.org/t/inline-form-inline-fields/29186
**Category:** Product Support
**Tags:** mautic-4
**Created:** [September 4, 2023, 5:41pm UTC](https://forum.mautic.org/t/inline-form-inline-fields/29186 "2023-09-04T17:41:33Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![jinjur](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@jinjur](https://forum.mautic.org/u/jinjur)
#### Post date: [September 4, 2023, 5:41pm UTC](https://forum.mautic.org/t/inline-form-inline-fields/29186/1 "2023-09-04T17:41:33Z")

</div>

Hi all,

I’m trying to create my first standalone form for my website.

I was just looking to create a simple inline form for a newsletter signup, consisting of an email field and a submit button.

However, I’m struggling to make the elements run inline/horizontally - they’re always stacked one on top of the other.

In the Form Attributes section, I’ve tried the following combinations:

1. style = “display: flex; flex-wrap: nowrap;”
2. form style=“display:inline;”
3. form style=“display:inline!important;”
4. div style=“display:flex;”
5. form style=“display:flex;”
6. form style = “display: flex; flex-wrap: nowrap;”

Some of them actually reduce the width of the email field, which gave me some hope that I was heading in the right direction but none of these give the desired effect.

I originally tried these in the Field attributes for each element, and even tagging them onto the Input Attributes that I’d already assigned (font-family, colour etc.) but this didn’t seem to work at all so I’m lost with this.

Please, is any kind soul here able to help me out?

---

<div class="post-metadata">

### Author: ![robm](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/robm/32/260_2.png) [@robm](https://forum.mautic.org/u/robm)
#### Post date: [September 5, 2023, 7:37am UTC](https://forum.mautic.org/t/inline-form-inline-fields/29186/2 "2023-09-05T07:37:36Z")

</div>

Check this thread out

> [@Horizontally aligned form? side by side fields?](https://forum.mautic.org/t/horizontally-aligned-form-side-by-side-fields/6813):
>
> Greetings! Is it possible to style a mautic form to align the forms on a horizontal line, and have the fields side by side, instead of vertically stacked on top one another? See the screenshot. [horizontal-optin-with-bkgrd.jpg]

---

<div class="post-metadata">

### Author: ![jinjur](https://avatars.discourse-cdn.com/v4/letter/j/f4b2a3/32.png) [@jinjur](https://forum.mautic.org/u/jinjur)
#### Post date: [September 5, 2023, 12:08pm UTC](https://forum.mautic.org/t/inline-form-inline-fields/29186/3 "2023-09-05T12:08:06Z")

</div>

Thank you for the suggestion @robm . I believe I saw this thread in the past but I have re-visited it to seek advice in any case 👍 .

If anyone can offer any assistance I’d be eternally grateful!
