title: Align Logo and Title on same line CSS
body: <p>How do I align the Logo and Title on same line? Right now the logo is above the title.</p>
  
  <pre><code>/***** Header *****/
  
  .mh-header {
    background: #fff;
  }
  
  .mh-site-logo {
    padding: 20px;
    overflow: hidden;
  }
  
  .mh-header-text {
    margin: 5px 0;
    text-transform: uppercase;
  }
  
  .mh-header-title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
  }
  
  .mh-header-tagline {
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #e64946;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
  }
  </code></pre>