title: Vertically center one of two divs on same line?
body: <p><img src="https://i.stack.imgur.com/5zma5.png" alt="alt text">
  How can we have the text "Create New Position" be vertically centered?  </p>
  
  <p>HTML/CSS is below.</p>
  
  <p>Adding <code>margin-top:5px</code> to the "Create new.." div helps but it seems hacky.</p>
  
  <pre><code>&lt;div style="margin-top:5px"&gt;
    &lt;div style="float:left"&gt;Create new position&lt;/div&gt;
    &lt;div style="float:right"&gt;&lt;input type="submit" id="x" value="Save"&gt;&lt;/div&gt;
    &lt;div style="clear: both;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>