title: How can I center an image in HTML while it's inside a div?
body: <p>I have an image inside of a div to put a button on the image. I've searched around the web but can't find any way to center the image.</p>
  
  <p>I've tried making it it's own class and centering the img tag itself, but none of them seem to work.</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-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
    &lt;img src="https://cdn.discordapp.com/avatars/543553627600584735/470015f633d8ae88462c3cf9fa7fd01f.png?size=256" alt="utili"&gt;
    &lt;a href="utili.html" class="btn"&gt;Utili&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The image should be centered in the middle of the page, so I can line up 3.</p>