Title: Fix Checkbox alignment
Last modified: January 24, 2021

---

# Fix Checkbox alignment

 *  Resolved [gjaspers](https://wordpress.org/support/users/gjaspers/)
 * (@gjaspers)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/fix-checkbox-alignment/)
 * The alignment of the checkboxes is not what I want. They must be on the same 
   line as the answer.
 * I’ve tried difference settings in CSS Style, like:
 * span.wpcf7-list-item {
    display:block; }
 * Nothing works. Please help me!
 * Kind regards
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ffix-checkbox-alignment%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Plugin Author [YOP](https://wordpress.org/support/users/yourownprogrammer/)
 * (@yourownprogrammer)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/fix-checkbox-alignment/#post-13948870)
 * Hello
 * I looked at the link you sent over and I am seeing that the checkboxes and answers
   are on the same line no matter the browser used or desktop/mobile.
 * Here’s what it looks like on our end
 * [https://ibb.co/YcyRGBL](https://ibb.co/YcyRGBL)
 * Maybe you are referring to something else?
 *  Thread Starter [gjaspers](https://wordpress.org/support/users/gjaspers/)
 * (@gjaspers)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/fix-checkbox-alignment/#post-13948956)
 * Hello,
 * Thanks for your check.
    I’ve found the solution, but wasn’t able to close this
   request.
 * label {
    display: block; padding-left: 15px; text-indent: -15px; }
 * input {
    width: 15px; height: 15px; padding: 0; margin: 0; vertical-align: bottom;
   position: relative; top: -1px; }
 * Kind regards,
 *  Plugin Author [YOP](https://wordpress.org/support/users/yourownprogrammer/)
 * (@yourownprogrammer)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/fix-checkbox-alignment/#post-13949006)
 * Got it.
 * I think it would be best to target only the poll elements.
 * Something like
 *     ```
       .basic-yop-poll-container label {
       display: block;
       padding-left: 15px;
       text-indent: -15px;
       }
   
       .basic-yop-poll-container input {
       width: 15px;
       height: 15px;
       padding: 0;
       margin: 0;
       vertical-align: bottom;
       position: relative;
       top: -1px;
       }
       ```
   
 * This way other labels and inputs on your site won’t be affected by this code.
 *  Thread Starter [gjaspers](https://wordpress.org/support/users/gjaspers/)
 * (@gjaspers)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/fix-checkbox-alignment/#post-13949142)
 * I’ve changed the code with only the poll elements you’ve described.
 * It is still working fine. 😉
 * Thanks for your support!

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

The topic ‘Fix Checkbox alignment’ is closed to new replies.

 * ![](https://ps.w.org/yop-poll/assets/icon-256x256.png?rev=3524390)
 * [YOP Poll](https://wordpress.org/plugins/yop-poll/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/yop-poll/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/yop-poll/)
 * [Active Topics](https://wordpress.org/support/plugin/yop-poll/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/yop-poll/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/yop-poll/reviews/)

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [gjaspers](https://wordpress.org/support/users/gjaspers/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/fix-checkbox-alignment/#post-13949142)
 * Status: resolved