Title: format Form
Last modified: August 21, 2016

---

# format Form

 *  [studentit16](https://wordpress.org/support/users/studentit16/)
 * (@studentit16)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/format-form/)
 * Hi
    I was wondering how to display some field text on the same line? When I included
   them in the same paragraph they don’t appear on the same line. What should I 
   do it to have this result?
 * Many Thanks
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

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

 *  [thanhhiep992](https://wordpress.org/support/users/thanhhiep992/)
 * (@thanhhiep992)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/format-form/#post-5074308)
 * Hi studentit16
    you try insert the code into any your pages <?php echo do_shortcode(‘[
   Shortcode]’); ?>
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/format-form/#post-5074373)
 * I use Ordered List elements to display multiple fields on single line.
 * HTML:
 *     ```
       <ol class="singleline">
       <li> <label for="your-name">Your Name (required) </label> [text* your-name] </li>
       <li> <label for="your-email">Your Email (required) </label> [email* your-email] </li>
       </ol>
       ```
   
 * Added to Form section of CF7 interface. <label> tags are added for improved accessability.
 * CSS:
 *     ```
       .wpcf7-form .singleline ol {
       list-style: none;
       margin: 0;
       }
   
       .wpcf7-form .singleline li{
       display: inline-block;
       margin-right: 10px;
       }
       ```
   
 * Added to Child Theme style.css
 * MAIL:
    From: [your-name] [your-email]
 * Added to Mail section of CF7 interface.
 *  Thread Starter [studentit16](https://wordpress.org/support/users/studentit16/)
 * (@studentit16)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/format-form/#post-5074383)
 * In fact I am trying something similar to
    [http://www.huntmigration.com/visa-assessment/](http://www.huntmigration.com/visa-assessment/)
   but mine looks horrible [http://www.testing.migrationdownunder.com/assessment-for-australia-or-new-zealand-visas/](http://www.testing.migrationdownunder.com/assessment-for-australia-or-new-zealand-visas/)
 * Is there any change to receive some help on how to format this form?
 * Many thanks
 *  [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * (@buzztone)
 * [11 years, 11 months ago](https://wordpress.org/support/topic/format-form/#post-5074400)
 * See [Styling Contact Form](http://contactform7.com/styling-contact-form/) for
   a general explanation of styling CF7 forms using CSS.
 * There is a link at the bottom of the page to a comprehensive and detailed article
   on **Styling Contact Form 7 Forms**. The article shows people, with suitable 
   HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms
   to meet their particular requirements.
 * Use [Firebug](https://getfirebug.com/) or [Chrome Dev Tools](https://developers.google.com/chrome-developer-tools/)
   to examine the HTML and CSS of your CF7 form in detail. Once you understand how
   the HTML and CSS is configured in your CF7 form, you should be able to see the
   CSS changes you need to change the appearance of the form to suit your requirements.

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

The topic ‘format Form’ is closed to new replies.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 4 replies
 * 3 participants
 * Last reply from: [Neil Murray](https://wordpress.org/support/users/buzztone/)
 * Last activity: [11 years, 11 months ago](https://wordpress.org/support/topic/format-form/#post-5074400)
 * Status: not resolved