Title: Add a gap between data entry fields
Last modified: August 21, 2016

---

# Add a gap between data entry fields

 *  Resolved [Jonathan Bird](https://wordpress.org/support/users/jonathan-bird/)
 * (@jonathan-bird)
 * [12 years ago](https://wordpress.org/support/topic/add-a-gap-between-data-entry-fields/)
 * Hi there
 * I’m wondering if you can help me. I’m looking to add some padding between the
   data field boxes and for the life of me I can’t figure it out.
 * [http://xtranormal.com/new_xnl/](http://xtranormal.com/new_xnl/)
 * I’d also like to make all the boxes align
 * Can you offer some advice?
 * Thanks
 * [https://wordpress.org/plugins/mailchimp-for-wp/](https://wordpress.org/plugins/mailchimp-for-wp/)

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

 *  Plugin Author [Danny van Kooten](https://wordpress.org/support/users/dvankooten/)
 * (@dvankooten)
 * [12 years ago](https://wordpress.org/support/topic/add-a-gap-between-data-entry-fields/#post-4917224)
 * Hi Jonathan,
 * Do you want to have two fields next to each other on two different lines? I’d
   suggest a different form mark-up for that.
 * Something like this should help you be on your way.
 * _Mark-up (HTML example_
 *     ```
       <div class="form-col-1">
       ... fields in column 1
       </div>
       <div class="form-col-2">
       ... fields in column 2
       </div>
       <input type="submit" .... />
       ```
   
 * _CSS (example)_
 *     ```
       .mc4wp-form .form-col-1,
       .mc4wp-form .form-col-2 {
       	float: left;
       	width: 50%;
       	margin: 0; padding: 0;
       }
   
       .mc4wp-form p {
       	clear:both;
       }
       ```
   
 * Hope that helps a little, good luck!
 *  Thread Starter [Jonathan Bird](https://wordpress.org/support/users/jonathan-bird/)
 * (@jonathan-bird)
 * [12 years ago](https://wordpress.org/support/topic/add-a-gap-between-data-entry-fields/#post-4917317)
 * Hi there
 * So I’ve added it to a site – and played with it. I honestly can’t figure out 
   where I’m going wrong
 * [http://nawmal.com/new_naw/](http://nawmal.com/new_naw/)
 * I REALLY appreciate your help
 * Thanks

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

The topic ‘Add a gap between data entry fields’ is closed to new replies.

 * ![](https://ps.w.org/mailchimp-for-wp/assets/icon-256x256.png?rev=1224577)
 * [MC4WP: Mailchimp for WordPress](https://wordpress.org/plugins/mailchimp-for-wp/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/mailchimp-for-wp/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/mailchimp-for-wp/)
 * [Active Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mailchimp-for-wp/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mailchimp-for-wp/reviews/)

## Tags

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

 * 2 replies
 * 2 participants
 * Last reply from: [Jonathan Bird](https://wordpress.org/support/users/jonathan-bird/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/add-a-gap-between-data-entry-fields/#post-4917317)
 * Status: resolved