Inner Div with larger width than outer div
<p>Suppose I have an Outer Div with a size:1200px, and within this div that I wanted to have an Inner Div that is wider, just for the purpose of fitting more horizontal stuff into a window.</p>

<p>As of right now the following CSS is not achieving this. Any tips appreciated.</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-css lang-css prettyprint-override"><code>.OuterDiv {
  width: 1200px;
}
.InnerDiv {
  width: 1400px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="OuterDiv"&gt;
  &lt;div class="InnerDiv"&gt;&lt;/div&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>