I'm looking for the same help, and having the same problem.
In my case I am trying to get the Name and Email fields to fill in the space above subject. I'm unable to create this unless I put in width values that are not responsive when viewed on other devices such as tablets.
http://www.markandgary.com/contact-us/
Code I'm currently using:
<p>
<ol7 class="singleline">
<li7>[text your-name placeholder "Your Name: (optional)" ]</li7>
<li7>[email* your-email placeholder "Your Email Address"]</li7>
</ol7>
</p>
<p>[text* your-subject placeholder "Subject"] </p>
<p>[textarea* your-message placeholder "Please tell us what's on your mind.."] </p>
<p>
<ol7 class="singleline">
<li7>[captchac captcha-690 bg:#81d742 size:l]</li7>
<li7>[captchar captcha-690 placeholder "Enter Code From Green Box Here"]</li7>
<li7>[submit class:button id:form-submit "Send Message"]</li7>
</ol7>
</p>
CSS:
.wpcf7-form .singleline ol7 {
list-style: none;
margin: 0 0 10px; /* added bottom margin to ordered list */
}
.wpcf7-form .singleline li7{
display: inline-table;
padding-right: 10px;
}