title: html - CSS: How can I vertically align text and form elements in a label tag?
body: <p>I have a <code>&lt;label&gt;</code> in my html document, where I have some text and form elements in it.<br>
  How can I vertically align them in middle?</p>
  
  <pre><code>&lt;label&gt;
      Show
      &lt;select name="list_length" size="1" aria-controls="admin_id"&gt;
          &lt;option value="10" selected="selected"&gt;10&lt;/option&gt;
          &lt;option value="25"&gt;25&lt;/option&gt;
          &lt;option value="50"&gt;50&lt;/option&gt;
          &lt;option value="100"&gt;100&lt;/option&gt;
      &lt;/select&gt;
      entries per page.
  &lt;/label&gt;
  
  &lt;label&gt;
      Search:
      &lt;input type="text" aria-controls="id_281"&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>I have added this in the css too:<br>
  <code>display: inline-block</code> and <code>vertical-align: middle</code></p>