JSFiddle - React, Tailwind, and code Playground

by davestein

HTML

<div id="container">
<div id="left">
<iframe src="http://player.vimeo.com/video/51478122?title=1&amp;byline=1&amp;portrait=1" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

<iframe width="560" height="315" src="http://www.youtube.com/embed/FHtvDA0W34I" frameborder="0" allowfullscreen></iframe>

</div>
<div id="right">
    <div id="column">Hello&nbsp;</div>
</div>
<div id="clear"></div>
</div>

CSS

#left { float: left; }
#right { float: right; position: relative; height: 1000px; }
#container { width: 600px; height: 1000px; }
#column { width: 100px; height: 1000px; position: absolute; z-index: 5; background-color: #CCC;}
iframe { z-index: 0; display: block; }