xanda on "[Plugin: Contact Form 7] Columns in Contact Form"

Two quick changes should fix this: close the ol and add a margin.

CF7 markup:

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

[textarea Message id:Message]

[submit]

CSS:

.wpcf7-form .singleline ol {
  list-style: none;
  margin: 0 0 10px; /* added bottom margin to ordered list */
}

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