JSFiddle - React, Tailwind, and code Playground

by omarjuvera

HTML

<script src="http://oi57.tinypic.com/2u8kr2s.jpg"></script>
<script src="http://oi57.tinypic.com/2u8kr2s.jpg"></script>
<h1>Overlaping two images</h1>
<i>http://stackoverflow.com/questions/28910523/css-overlaping-two-images-and-proper-flow/28910567#28910567</i>

<br /><br />
<div class="video">
    <img src="http://img.youtube.com/vi/brMyE7To7Sg/0.jpg" />
    <img class="overlap" src="http://oi57.tinypic.com/2u8kr2s.jpg" />
</div>
<br/>

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

CSS

.video {
    position: relative;
}
.overlap {
    position: absolute;
    left: 0px;
    top: 0px;
}