JSFiddle - React, Tailwind, and code Playground

by omarjuvera

HTML

<h1>Overlaping two images</h1>
<h2><a href="placehold.it">placehold.it</a> is cool</h2>

<div>
    <img src="//placehold.it/480x360" />
    <img class="overlay" src="http://oi57.tinypic.com/2u8kr2s.jpg" />
</div>
<br/>

<p>For some reason, this paragraph is not below DIV, but under/over</p>

CSS

div {
    position: relative;
}
img.overlay {
    position: absolute;
    left: 0px;
    top: 0px;
}