Title: Checkbox alignment
Last modified: May 16, 2018

---

# Checkbox alignment

 *  [gulo92](https://wordpress.org/support/users/gulo92/)
 * (@gulo92)
 * [8 years ago](https://wordpress.org/support/topic/checkbox-alignment-4/)
 * Hey,
    I included a contact form 7 checkbox on the website, but there is a gap
   on the left – so I mean, that the box is not fully left aligned like the text.
   Can you tell me, how to fix this in css? Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcheckbox-alignment-4%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [James](https://wordpress.org/support/users/jgraham719/)
 * (@jgraham719)
 * [8 years ago](https://wordpress.org/support/topic/checkbox-alignment-4/#post-10291729)
 * Try something like:
 * CSS:
 * span.wpcf7-list-item {
    text-align:left; width: 100%; max-width: 320px; } Then
   in your form template:
 * [checkbox your-productCheckbox class:wpcf7-list-item “checkbox1” “checkbox2” “
   checkbox3”]

Viewing 1 replies (of 1 total)

The topic ‘Checkbox alignment’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [James](https://wordpress.org/support/users/jgraham719/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/checkbox-alignment-4/#post-10291729)
 * Status: not resolved