Title: Display elements inline
Last modified: August 20, 2016

---

# Display elements inline

 *  [Pete](https://wordpress.org/support/users/perthmetro/)
 * (@perthmetro)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/display-elements-inline/)
 * How do I display the elements of my form inline?
 * [http://wordpress.org/extend/plugins/jazzy-forms/](http://wordpress.org/extend/plugins/jazzy-forms/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [travellers](https://wordpress.org/support/users/travellers/)
 * (@travellers)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/display-elements-inline/#post-3133212)
 * I’m trying to do just that now, and failing miserably 🙁
 *  [travellers](https://wordpress.org/support/users/travellers/)
 * (@travellers)
 * [13 years, 7 months ago](https://wordpress.org/support/topic/display-elements-inline/#post-3133237)
 * Pete
 * Have fudged a way through this, but note its not particularly neatly coded – 
   css isn’t my bag!
    All I did was create copies of my output boxes by adding a
   new ouput and setting its formula to the id of my ‘main’ output, then wrapped
   that with a FreeHTML box above and below it with my text. To lay it out in the
   page, I set each of the three elements (FreeHTML block, ‘copy’ output block, 
   and 2nd FreeHTML block) to width:half and then in the 1.css file adjusted `div.
   jzzf_half { max-width: 525px; }` and left the title of my copy output box blank,
   and finally adjusted the output box size `.jzzf_form input[type=text] { width:
   35px; } ` to ‘wrap’ it all onto a line.
 * I did note that Chrome and FF laid out text over more than one line neatly, but
   IE8 (though not IE9) left space for another line **between **each line. Finally
   tracked that down to a space that’s for some reason automatically included for.
   jzzf_message, so just added ‘height: 0px; in the 1.css file for that. Result,
   all three browsers wrap my output fairly neatly into a text block (example [ here](http://theminorsite.co.uk/EastRidingKoi/measure-your-pond/)).
   
   Like I said, not the prettiest way round, and I still have the output boxes around
   the output elements, but its good enough for my use. Hope that helps in some 
   way!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Display elements inline’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/jazzy-forms_dac291.svg)
 * [Jazzy Forms](https://wordpress.org/plugins/jazzy-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jazzy-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jazzy-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/jazzy-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jazzy-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jazzy-forms/reviews/)

## Tags

 * [display](https://wordpress.org/support/topic-tag/display/)
 * [form](https://wordpress.org/support/topic-tag/form/)

 * 2 replies
 * 2 participants
 * Last reply from: [travellers](https://wordpress.org/support/users/travellers/)
 * Last activity: [13 years, 7 months ago](https://wordpress.org/support/topic/display-elements-inline/#post-3133237)
 * Status: not resolved