Oggetto: How to put 2 things on the same line?

I use Ordered List elements to display multiple fields on single line.

HTML:

<ol class="singleline">
<li> <label for="cf7-phone">Phone</label> [text cf7-phone 15/]</li>
<li> <label for="cf7-mobile">Mobile</label> [text cf7-mobile 15/]</li>
</ol>

Added to Form section of CF7 interface. Labels are added for improved accessability.

CSS:

.wpcf7-form .singleline ol {
list-style: none;
margin: 0;
}

.wpcf7-form .singleline li{
display: inline-block;
float: left;
margin-right: 10px;
padding-right: 10px;
}

Add via Child Theme or use custom CSS plugin.

See Styling Contact Form for a general explanation of styling CF7 forms using CSS.

There is a link at the bottom of the page to a comprehensive and detailed article on Styling Contact Form 7 Forms. The article shows people, with suitable HTML & CSS skills, how to change the appearance of their Contact Form 7 Forms to meet their particular requirements.

Thank you Buzztone, very kind. Your code does work but not entirely.
I’m sending you the code that I use in the form to let you know how is made.

<p>*Nome (richiesto)<br />
    [text* your-name] </p>

<p>*Cognome (richiesto)<br />
    [text* your-name] </p>

<p>*Email (richiesto)<br />
[email* your-email]</p>

 <p>  Telefono
[tel tel-151 placeholder]</p>

<p>Messaggio<br />
    [textarea your-message] </p>

I’ve got the need to put on the same line name and surname and then email and phone.

These are the images: https://i.imgur.com/j2BY86E.jpg

Thank you for the support.