Some form fields don't work with float left

I have a simple form, which contains several fields. If I format any field with a simple “float left”, the camps are no longer clickable but only through the tab key.
Any idea on how to solve?

Try this: http://www.bbdodicilune.it/wp/contatti/

The wp theme is Enfold.

Thanks so much.

https://wordpress.org/plugins/contact-form-7/

This is the code:

<p><br />
    [text* your-name placeholder "Nome e Cognome*"] </p>

<p><br />
    [email* your-email placeholder "E-mail*"] </p>

<p><br />
    [text* telefono placeholder "Telefono*"] </p>

<p>
[date date-920 class:modulo-left date-format:dd/mm/yy placeholder "Data arrivo"]
</p>
<p>
[date date-211 class:modulo-right date-format:dd/mm/yy placeholder "Data partenza"]
</p>
<p>
[select persone class:modulo-persone "1 ospite" "2 ospiti" "3 ospiti" "4 ospiti" "5 ospiti" "6 ospiti"]
</p>

<p> [textarea your-message placeholder "Messaggio*"] </p>

<p><a href="//www.iubenda.com/privacy-policy/7847075" class="iubenda-black iubenda-embed" title="Privacy Policy">Privacy Policy</a><script type="text/javascript">(function (w,d) {var loader = function () {var s = d.createElement("script"), tag = d.getElementsByTagName("script")[0]; s.src = "//cdn.iubenda.com/iubenda.js"; tag.parentNode.insertBefore(s,tag);}; if(w.addEventListener){w.addEventListener("load", loader, false);}else if(w.attachEvent){w.attachEvent("onload", loader);}else{w.onload = loader;}})(window, document);</script>
 </p>
[submit "Invia"]

And the css:

.modulo-left {
float: left;
  width: 33% !important;
 margin-right: 10px  !important;
}

.modulo-right {
float: left;
  width: 33%  !important;
  margin-right: 10px  !important;
}

.modulo-persone {
float: left;
  width: 28%  !important;
}