title: How do I vertically align label, input and button?
body: <p>I am trying to vertically align input and label and button( which is inside a div)</p>
  
  <p>How can I achieve this</p>
  
  <p>My present code which is not working is the following</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;label style="display: inline-block;float: left; vertical-align: baseline; position: relative; padding-top :5px"&gt;Select File&lt;/label&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;input type="text" style="display: inline-block;float: left; vertical-align: baseline"&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;div style="display: inline-block;vertical-align: baseline;float: left" class="file-upload btn" &gt;
              Browse
              &lt;input class="required file-upload-input" type="file"&gt;
          &lt;/div&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>