Contact form 7 – multicolumn

Hi There,

I need to create a form with six columns. I have created a form with 3 columns but I need to add a new section with six columns.

That’s the code I am using now:

.column-left{ float: left; width: 33%; }
.column-left-blank{ float: left; width: 33%; visibility:hidden}
.column-right{ float: right; width: 33%; }
.column-right-blank{ float: right; width: 33%; visibility:hidden}
.column-center{ display: inline-block; width: 33%; }
.column-center-blank{ display: inline-block; width: 33%; visibility:hidden}

———————

div id=”responsive-form” class=”container”>
<div class=”column-left”> Nombre * [text* NOMBRE] </div>
<div class=”column-center”> Primer Apellido * [text* APELLIDO1] </div>
<div class=”column-right”> Segundo Apellido * [text* APELLIDO2] </div>

<div class=”column-left”> Sexo * </p> [radio SEXO default:2 “Varón|1” “Mujer|2″]</div>
<div class=”column-center”> Fecha de nacimiento (dd/mm/yyyy)*</p> [text* FECHA_NACIMIENTO placeholder “dd/mm/yyyy”] </div>
<div class=”column-right” > Nacido en [text NACIDOEN]</div>
</div>

Please, could you help me?

Thanks in advance.