title: How to put logo in center using css
body: <p>Before i start, I would like to apologize for my bad English.</p>
  
  <p>I want to put website logo in center using css after Media Query (max-width: 1100px)</p>
  
  <p>there is my css &amp; html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.logo { 
    width: auto;
    height: auto;
    float:left;
    padding:22.5px 0px 0px 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="logo"&gt;
    &lt;img src="http://s3.amazonaws.com/libapps/accounts/27060/images/example.png" alt="example" class="logo"/&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>please help me :( :D</p>