JSFiddle - React, Tailwind, and code Playground

by Aldi Unanto

HTML

<div id="video1">
    <span class="desc">this is text1</span>
<iframe src="http://player.vimeo.com/video/65706935" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    <div class="endfloat"></div>
</div>
<div id="video2">
    <span class="desc">this is text1</span>
<iframe src="http://player.vimeo.com/video/67739892" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
    <div class="endfloat"></div>
</div>

CSS

.endfloat{ clear: both; margin: 0; padding: 0; }
#video1, #video2
{
    float: left;
    margin: 20px 10px 0 0;
}
#video1 .desc, #video2 .desc{
    float: right;
}
#video1 iFrame, #video2 iFrame{ margin-right: 10px; }