JSFiddle - React, Tailwind, and code Playground

by sandeepkundu

HTML

<div class="main">
    <article>
        <video controls="controls" autoplay="autoplay" loop="loop" preload="preload">
           <source src="http://www.w3schools.com/tags/movie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
           <source src="http://www.w3schools.com/tags/movie.ogg" type='video/webm; codecs="vp8, vorbis"' />
       </video>
    </article>    
</div>

CSS

.main{
    width:500px;
    margin:0 auto;
}
article, aside, header, footer, nav, section{
    border:1px solid #b6b6b6;
    padding:15px;    
    margin-top:15px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
article{
    width:325px;
    float:left;
}