title: html search form - align submit button
body: <p>I have html search form - input and button. </p>
  
  <p>Also I have Search title - h2 . But if I remove h2 title I have problem with button vertical-align. </p>
  
  <p>html:</p>
  
  <pre><code>&lt;h2 class="widget-title"&gt;Search&lt;/h2&gt;
  &lt;form role="search" method="get" id="searchform" action="#"&gt;
      &lt;input type="text" placeholder="Search..." value="" &gt;
      &lt;button type="submit" id="searchsubmit" value=""&gt;
          &lt;i class="fa fa-search"&gt;&lt;/i&gt;
      &lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>.widget-title {
      margin-bottom: 40px;
      font-size: 22px;
      line-height: 18px;
  }
  
  #searchform input {
      display: block;
      max-width: 100%;
      padding: 5px 10px;
      border: 1px solid #ccc;
  }
  
  #searchsubmit {
    position: absolute;
    top: 59px;
    right: 15px;
    display: inline-block;
    width: 50px !important;
    height: 43px;
    padding: 0;
    border: none;
    margin-bottom: 0;
    vertical-align: middle;
    background-color: transparent;
  }
  </code></pre>
  
  <p>Is it possible to align button with and without search title (h2) ?</p>