JSFiddle - React, Tailwind, and code Playground

by pramendra

HTML

<style>
    .yui3-g {letter-spacing:-0.31em;*letter-spacing:normal;word-spacing:-0.43em;}
    .yui3-u, .yui3-u-1 {display:inline-block;zoom:1;*display:inline;letter-spacing:normal;word-spacing:normal;vertical-align:top;}
    .yui3-u-1 { display:block; }
    
    .someUniqueName{
        background:url('http://www.iwine.jp/somewhere/images/swbg.png')
    }
    .someUniqueName .png{
        width:370px
    }
    .someUniqueName .video{
        width:560px;
    }
</style>


<div class="someUniqueName yui3-g">
    <div class="yui3-u-1">
        <img src="http://www.iwine.jp/somewhere/images/top_page_01.png" border="0" /> 
    </div>
    <div class="yui3-u png">some png left</div>
    <div class="yui3-u video">
        <object width="560" height="349" data="http://www.youtube.com/v/xot4f5Y9iYM?fs=1&amp;hl=ja_JP" type="application/x-shockwave-flash">
            <param name="allowFullScreen" value="true" />
            <param name="allowscriptaccess" value="always" />
            <param name="src" value="http://www.youtube.com/v/xot4f5Y9iYM?fs=1&amp;hl=ja_JP" />
            <param name="allowfullscreen" value="true" />
        </object>
    </div>
    <div class="yui3-u-1"> some png</div>
</div>