title: Center image returned by instafeed.js
body: <p>Im using <a href="http://instafeedjs.com/" rel="nofollow">Instafeed.js</a> 
  to make an instagram livefeed. Everything is fine, but I want to center the image returned by instafeed. I have tried to use a lot of different ways, but it does not seem to behave as expected.</p>
  
  <p>My HTML code:
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;head&gt;
  &lt;title&gt;Scenekvelder&lt;/title&gt;
  &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
  &lt;script type="text/javascript" src="/instafeed.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  var feed = new Instafeed({
  get: "tagged",
  tagName: "de3musketereroslo",
  clientId: "d07f4ce08c6d4251b9fbb813d1fae305",
  resolution: "standard_resolution",
  limit: 1,
  sortBy: "most-recent"
  });
  
  feed.run();
  
  setInterval(function () {location.reload()}, 10000);
  
  
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;h1&gt;Livefeed fra instagram #De3MusketererOslo&lt;/h1&gt;
  &lt;main&gt;
  &lt;div id="wrapper" class="center"&gt;
  &lt;div id="insta-wrap"&gt;
  &lt;div id="instafeed"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/main&gt;
  &lt;/body&gt;
  &lt;/html&gt;   </code></pre>
  </div>
  </div>
  </p>
  
  <p>CSS: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>body {
  background: #000000;
  }
  
  h1 {
  color: #FFFFFF;
  text-align: center;
  padding-top: 2cm;
  }
  
  .center {
  align-items: center;
  }</code></pre>
  </div>
  </div>
  </p>