title: align input boxes in contact form 7
body: <p>I am trying to align input boxes in contact form 7 in wordpress. At the moment they are staggered. What can I do align them vertically.</p>
  
  <pre><code>&lt;div style="background-color:green"&gt;
      &lt;div style="text-align: center;color:white"&gt;Heading&lt;/div&gt;
  
      &lt;div style="margin-bottom:5px"&gt;&lt;div style="color:white; position:relative; display:inline-block;padding-right:10px;padding-left:10px;"&gt;Name:&lt;/div&gt;
      &lt;div style="position:relative; display:inline-block; "&gt;[text* your-name]&lt;/div&gt;&lt;/div&gt;
  
      &lt;div style="margin-bottom:5px"&gt;&lt;div style="color:white; position:relative; display:inline-block;padding-right:10px;padding-left:10px;"&gt;Surname:&lt;/div&gt;
      &lt;div style="position:relative; display:inline-block;margin-right:5px;"&gt;[text* your-name]&lt;/div&gt;&lt;/div&gt;
  
      &lt;div style="margin-bottom:5px"&gt;&lt;div style="color:white; position:relative; display:inline-block;padding-right:10px;padding-left:10px;"&gt;Email:&lt;/div&gt;
      &lt;div style="position:relative; display:inline-block;margin-right:5px;"&gt;[text* your-name]&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>