title: Place Logo next to text in header
body: <p>I'm attempting to place my logo right next to my text in the header of my webpage. I have played around with the 's but the best I can do is have the logo sit on top of the test. How can I fix this? </p>
  
  <pre><code> &lt;header&gt;
      &lt;div class="header-content"&gt;
          &lt;div class="header-content-inner"&gt;
              &lt;img src="img/blue.png"&gt;&lt;h1&gt;WELCOME&lt;/h1&gt;
  
              &lt;p&gt;&lt;/p&gt;
            &lt;/div&gt;
   &lt;/header&gt;
  
    &lt;!-- CSS BEGINS --&gt;
    header {
      position: relative;
      width: 100%;
      min-height: auto;
      text-align: center;
      color: #000;
      background-image: url();
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
   }
  
    header .header-content {
      position: relative;
      width: 100%;
      padding: 100px 15px;
      text-align: center;
   }
  
  
    header .header-content .header-content-inner h1 {
      margin-top: 0;
      margin-bottom: 0;
      text-transform: lowercase;
     font-weight: 700;
     color:gray;
    }
  </code></pre>