<main> element not working in Internet Explorer 11
<p>I'm trying to set the width of a <code>&lt;main&gt;</code> element with CSS. Just using</p>

<pre><code>main {
  width:200px;
}
</code></pre>

<p>works fine in all browsers except Internet Explorer (Edge does work).</p>

<p>Take a look at this example: <a href="https://jsfiddle.net/1x9hbb4p/1/" rel="noreferrer">JSfiddle</a></p>

<p>The result in IE11:</p>

<p><a href="https://i.stack.imgur.com/YY3gn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YY3gn.png" alt="enter image description here"></a></p>

<p>The result in Chrome:</p>

<p><a href="https://i.stack.imgur.com/QIk9G.png" rel="noreferrer"><img src="https://i.stack.imgur.com/QIk9G.png" alt="enter image description here"></a></p>