table layout for contact form 7

Here is a small example whicch may help you
write this code where you create your contact form

<div id=”development-form”>
<div id=”contentformleft”>
<p>[text* full-name placeholder “Full Name”]</p>

<p>[email* email placeholder “Email”]</p>

<p>[text phone placeholder "Phone"] </p>
</div>

<div id=”contentformright”>
<p>[textarea* message 10×1 placeholder “Message”]</p>

<p>[select* menu-411 first_as_label “SELECT PLATFORM” “PHP” “WORDPRESS”]</p>

<p>[submit class:btn-block “Send Now”]</p>
</div>
</div>

And add these styles in you custom css

#development-form {
padding: 5px;
width: auto;
margin: 20px auto;
}

#contentformleft {
width: 50%;
float: left;
padding: 5px 15px;
}

#contentformright {
width: 50%;
padding: 5px 15px;
float: left;
}

Thanks

I have a similar problem however it is with check boxes not text fields. I’d like to put them in a 2 or 3 column table layout instead of one long column.

The page I’m trying to fix is here: https://ks-aa.org/index.php?p=4910

I have another page which has even MORE check boxes and I just gave up on “Contact Form 7” and installed the “WPForms Lite” plugin so I could put the check boxes in 3 columns. I might use that exclusively except it has no provision for file upload in the lite version. I don’t like using 2 plugins when I believe 1 could do the job!

That page I’d like to do with “Contact Form 7” but did with “WPForms Lite” so I could easily get the 3 columns is here: https://ks-aa.org/index.php?p=7306

I apologize in advance for my ignorance in HTML and CSS. Thanks in advance for any suggestions that might help!