title: Can't center the logo
body: <p>I am trying to center my logo it is in a div with the id "logocont" here is my css code no matter how i tried is stay stuck at the left if i put display block my navigation bar goes in another line and logo will be centered.</p>
  
  <pre><code>#logocont {
      display: inline-block;
      float: none;
      align-content: center;
      text-align: center;
      margin : 0 auto;
      overflow : visible;
  }
  </code></pre>
  
  <p>Note: I am using grid layout I created the grids in another css file and i am linking it.</p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;div class="gr-16" id="menu"&gt;
      &lt;div id="logocont" class="gr-2"&gt;
          &lt;a href="#"&gt;
              &lt;img id="logo" src="images/mylogo21.png" alt="Logo" runat="server" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div id="navbar" class="gr-5"&gt;
          &lt;nav&gt;
              &lt;a href="#"&gt;
                  Home
              &lt;/a&gt;
              &lt;a href="#"&gt;
                  Programmers
              &lt;/a&gt;
              &lt;a href="#"&gt;
                  Request Program
              &lt;/a&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>