title: Aligning input boxes on a form side by side
body: <p>I am trying to align to input text boxes of a form side by side but i not able to do so. Please help.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/rHh3w/1/" rel="nofollow">here</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p&gt;Your Name
  &lt;br&gt;
  &lt;span class="wpcf7-form-control-wrap your-name"&gt;
      &lt;input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true"
  &lt;/span&gt; 
  &lt;/p&gt;
  &lt;p&gt;Your Email
  &lt;br&gt;
  &lt;span class="wpcf7-form-control-wrap your-email"&gt;
      &lt;input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7- validates-as-email" aria-required="true"&gt;
  &lt;/span&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
      background-color: #fff;
      color: #000;
      width: 50%;
  }
  </code></pre>