title: Position right div over the left in mobile view
body: <p>Is it possible to stack right side div over the left sided div in mobile view with the help of CSS? The default behavior is the right sided div floats under the left sided div.</p>
  <p><strong>CSS:</strong></p>
  <pre><code>.left {
      position: relative;
      float: left;
      background: #F48024;
      width:576px;
      height: 324px;
  }
  .right {
      position: relative;
      float: left;
      background: #EFF0F1;
      width:576px;
      height: 324px;
  }
  </code></pre>
  <p><strong>HTML:</strong></p>
  <pre><code>&lt;div class=&quot;main&quot;&gt;
      &lt;div class=&quot;left&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;right&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Trying to achieve 3rd layout of this diagram.</p>
  <p><a href="https://i.stack.imgur.com/OTSKD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OTSKD.png" alt="enter image description here" /></a></p>