title: Center .gif in Github Readme horizontally
body: <p>I'm trying to center gif, here is the markdown code:</p>
  
  <pre><code>![Demo](demo.gif)
  </code></pre>
  
  <p>The code above align my gif in the left (See below image):</p>
  
  <p><a href="https://i.stack.imgur.com/G4aJnm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G4aJnm.png" alt="enter image description here"></a></p>
  
  <p>So, I tried to put the markdown inside <code>&lt;p&gt;</code> tag like this but it does not work:</p>
  
  <pre><code>&lt;p align="center"&gt;
  ![Demo](demo.gif)
  &lt;/p&gt;
  </code></pre>
  
  <p>My question: I want to center .gif in Github README horizontally, is there a way to do it?
  Example of what I want:</p>
  
  <p><a href="https://i.stack.imgur.com/MmAk9m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MmAk9m.png" alt="enter image description here"></a></p>