Formularios en columnas con Contact Form 7

¿Cómo distribuir los campos del formulario de Contact Form 7 en varias columnas? Pues es muy sencillo, pero si podemos copiar y pegar, mejor, pongo un ejemplo rápido y sencillo aquí, cada uno que lo adapte a sus necesidades. Por un lado, agregamos el código html dentro del formulario de contacto, tal y como puedes apreciar en la imagen:

Código HTML

<div class=”formulario1″>
    <div id=”izquierda”>
       Nombre<br/> [text* your-name] <br/>
        Email<br/> [email* your-email] <br/>
        Empresa<br/> [text* text-empresa]
    </div>
    <div id=”derecha”>
        Teléfono<br/> [text* your-phone] <br/>
        Precio final<br/> [number number-precio min:0 max:500000] <br/>
        Modelo o referencia (opcional)<br/> [text text-ref]
    </div>
<br/>
Observaciones [textarea* your-message] <br/>
Sube un archivo<br/> [file* subir-archivo] <br/>
[acceptance acceptance-lopd] He leído y acepto los <a href=”#”>términos y condiciones</a>.<br/>
[submit “Enviar”]"
</div>

Código CSS

#izquierda {
   width: 48%;
   float: left;
} 

#derecha {
   width: 48%;
   float: left; 
}

.formulario1:after {
   content: "\0020";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
   overflow: hidden;
}

.formulario1 {
   display: block;
}

Si necesitáis que cuelgue algún otro estilo, podéis comentar y trataré de agregarlo a la entrada tan rápido como me sea posible.