Svg inside not aligning to center
<p>I am using react and on render, I am returning an SVG within a div. My code looks like this:</p>

<pre><code>render() {
    return(
        &lt;div class="myClass"&gt;
          &lt;svg&gt; ... &lt;/svg&gt;
        &lt;/div&gt;
    );
}
</code></pre>

<p>My CSS class looks like:</p>

<pre><code>.myClass{
  margin-left: auto;
  margin-right:auto;
}
</code></pre>

<p>It works perfectly fine in Chrome and firefox, its IE where the svg is displayed to the left and not center aligned. Does IE need some more CSS properties to be added?</p>