title: HTML controls vertical align
body: <p>I have input and 2 buttons placed in ont line in the table cell. I want to align it vertically bu control center. Also acceptable to make it the same height and its top and bottom borders should be at the one lines.</p>
  
  <p>Actually buttons placed a bit lower that input.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;td&gt;
    &lt;input type="text" /&gt;
    &lt;button&gt;save&lt;/button&gt;
    &lt;button&gt;cancel&lt;/button&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>td input[type="text"]
  {
    height: 18px
    margin: 0px
    padding: 0px
    border: none width: 50px;
  }
  td button
  {
    height: 18px;
    ?????
  }
  </code></pre>