Contact Form 7: Adjusting Contact Form

Hello everyone.

I am still pretty new to the whole CSS and coding and I apologize in advance if someone has already asked this question and there was a solution but I have been looking for a solution to this problem for the last 2 days and nothing seems to be working.

I have downloaded the latest version of the Contact 7 plugin and my question is “How do I format the form, so it’s 2 columns instead of the default? I am looking to create a subcriber form and I would like the layout to be exactly like the one on this demo: https://femininethemesdemo.com/themes/jacqueline/landing-page/

I have used the following coding and haven’t had any luck obtaining the look I want:

[ Moderator note: code fixed. Please wrap code in the backtick character or use the code button. ]

<strong><p><label for="your-name">Your Name (required)&nbsp</label> [text* your-name] </p>
<p><label for="your-email">Your Email (required)&nbsp</label> [email* your-email] </p>
<p>[submit "Submit"]</p></strong>

and

<table><tr><td>
<p>Your Name (required)
    [text* your-name] </p>

<p>Your Email (required)
    [email* your-email] </p>

<p>[submit "Send"]</p>
</td></tr></table>

But this is not the layout that give me the demo look on the website stated above.

Thanks ??