Title: Multiple Columns
Last modified: August 31, 2016

---

# Multiple Columns

 *  [patryykk](https://wordpress.org/support/users/patryykk/)
 * (@patryykk)
 * [10 years ago](https://wordpress.org/support/topic/multiple-columns-15/)
 * Hi,
    Is there an easy way to show 2 or 3 fields in one row with basic html in
   your plugin? Basically I’m trying divide the form into columns.
 * Would this be something you’d adding in the future?
 * Thanks
    P
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 1 replies (of 1 total)

 *  [hermitdecrab](https://wordpress.org/support/users/hermitdecrab/)
 * (@hermitdecrab)
 * [10 years ago](https://wordpress.org/support/topic/multiple-columns-15/#post-7282990)
 * You can use Ordered Lists to display multiple fields on a single line
 * HTML:
 *     ```
       <ol class="singleline">
       <li> <label for="cf7-phone">Phone: </label> [text cf7-phone id:cf7-phone]</li>
       <li> <label for="cf7-mobile">Mobile: </label> [text cf7-mobile id:cf7-mobile]</li>
       </ol>
       ```
   
 * Added to Form section of CF7 interface. Labels are added for improved accessibility.
 * CSS:
 *     ```
       .wpcf7-form ol.singleline {
       list-style: none;
       margin: 0;
       }
   
       .wpcf7-form ol.singleline li{
       display: inline-block;
       float: left;
       margin-right: 10px;
       padding-right: 10px;
       }
       ```
   
 * Add via [Child Theme](http://wplift.com/customise-wordpress-child-theme) or use
   [custom CSS plugin.](https://wordpress.org/plugins/search.php?q=custom+css)
 * Or, you could also use the add-on [CF7 Skins Ready](http://cf7skins.com/add-ons/ready/)
   to make a 2 column contact form.

Viewing 1 replies (of 1 total)

The topic ‘Multiple Columns’ 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/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [hermitdecrab](https://wordpress.org/support/users/hermitdecrab/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/multiple-columns-15/#post-7282990)
 * Status: not resolved