Two boxes side by side

Viewing 1 replies (of 1 total)

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

    HTML:
<ol class="singleline">
<li> <label for="your-name">Your Name (required)&nbsp</label> [text* your-name] </li>
<li> <label for="your-email">Your Email (required)&nbsp</label> [email* your-email] </li>
</ol>

    Added to Form section of CF7 interface. <label> tags 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

Viewing 1 replies (of 1 total)
  • The topic ‘Two boxes side by side’ is closed to new replies.