title: Site name in header css?
body: <p>I would put the site name in the middle of this header but unfortunately I can not do it, I've tried many combinations but I just can not. I'll post the source</p>
  
  <p>CSS</p>
  
  <pre><code>.header {
      background-color:#00B9ED;
      height:50px;
      border-bottom:0px;
      padding-left:auto;
      padding-right:auto;
      width:100%;
  }
  
  #wrapper {
      margin-left:auto;
      margin-right:auto;
      width:1000px;
      padding-top:0px;
      padding-bottom:0px;
  }
  
  .logo {
      width:150px;
      margin: 0 auto;
  }
  
  .logo img {
      width:150px;
      height:50px;
  }
  
  .logo:hover {
      height:50px;
      background-color:#A9E2F3;
      cursor:pointer;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="header"&gt;
      &lt;div id="wrapper"&gt;
          &lt;div class="logo"&gt;
              &lt;img src="image.png" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>have no idea how can I do? Thanks </p>