Title: Problem with checkbox text align
Last modified: April 12, 2026

---

# Problem with checkbox text align

 *  [spartaelcid](https://wordpress.org/support/users/spartaelcid/)
 * (@spartaelcid)
 * [2 months ago](https://wordpress.org/support/topic/problem-with-checkbox-text-align/)
 * Good morning,
 * I use two contact forms, one for one page and one for another.
 * In addition to text fields, both also include an acceptance checkbox. Below is
   the code and a screenshot.
 * > Il tuo nome [text* your-name autocomplete:name]
   > La tua email [email* your-email autocomplete:email]
   > Il tuo numero di telefono [text* phone placeholder “Telefono”]
   > Titolo [text* your-subject]
   > Messaggio (opzionale) [textarea your-message]
   > [acceptance acceptance-205 optional]Autorizzo il trattamento dei miei dati 
   > personali[/acceptance] *
   > [quiz quiz-328 “La capitale dell’Italia? | Roma”]
   > [submit “Submit”]
 * and:
 * > [text* text-331 placeholder “Nome”]
   > [email* your-email placeholder “Email”]
   > [text* phone placeholder “Telefono”]
   > [text* text-233 placeholder “Prenoto Per”]
   > [acceptance acceptance-205 optional] Autorizzo il trattamento dei miei dati
   > personali [/acceptance]
   > [submit “Richiedi un appuntamento”]
 * and here the screenshot:
 * first form:
 * [https://prnt.sc/pMEXHBao0dtp](https://prnt.sc/pMEXHBao0dtp)
 * second form
   [https://prnt.sc/4Q5uGNRNTNEm](https://prnt.sc/4Q5uGNRNTNEm)and this
   is the extra css that i put for fix the text after the checkbox in the first 
   form:
 * >     ```wp-block-code
   >     .wpcf7-acceptance{input[type="checkbox"] {position: relative;cursor: pointer;padding: 0;width: 20px;}input[type="checkbox"]:before {content: '';margin-right: 10px;display: inline-block;margin-top: -2px;width: 20px;height: 20px;background: #fcfcfc;border: 1px solid #aaa;border-radius: 2px;}input[type="checkbox"]:checked:before {background: #000;border-color: #000;}input[type="checkbox"]:disabled {color: #b8b8b8;cursor: auto;}input[type="checkbox"]:disabled:before {box-shadow: none;background: #ddd;}input[type="checkbox"]:checked:after {content: '';position: absolute;left: 5px;top: 8px;background: white;width: 2px;height: 2px;box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;transform: rotate(45deg);}}
   >     ```
   > 
 * 
   The problem as you can see in the second screenshot is that the text after this
   checkbox don’t remain in 1 line…

Viewing 1 replies (of 1 total)

 *  Plugin Author [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [1 month, 4 weeks ago](https://wordpress.org/support/topic/problem-with-checkbox-text-align/#post-18879486)
 * Where can we see the website in question?

Viewing 1 replies (of 1 total)

You must be [logged in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fproblem-with-checkbox-text-align%2F%3Foutput_format%3Dmd&locale=en_US)
to reply to this topic.

 * ![](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: [Takayuki Miyoshi](https://wordpress.org/support/users/takayukister/)
 * Last activity: [1 month, 4 weeks ago](https://wordpress.org/support/topic/problem-with-checkbox-text-align/#post-18879486)
 * Status: not resolved