title: How to center an image on the middle of the page in css?
body: <p>How can I center something like this right on the middle of the page horizontally?</p>
  
  <p>HTML -</p>
  
  <pre><code> &lt;div class="inner"&gt;
  &lt;img src="img/shoplove-design.png" alt="Recipe App" /&gt;
  &lt;/div&gt;
  
  CSS
  .inner {
  width: 800px;          
   }
  </code></pre>