Text boxes in 2 columns of side by side

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>

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;
}

Added to Child Theme style.css