JSFiddle - React, Tailwind, and code Playground

HTML

<article>    
    <heading>Keytar Quinoa Photo Booth Tumblr Raw Denim</heading>
    
    <dt>
        <p>Terry Richardson:</p>
        
        <blockquote>
            <p>Skateboard mcsweeney's tofu cred. Chambray american apparel terry richardson banksy tumblr. Tofu dreamcatcher four loko before they sold out, lo-fi master cleanse helvetica locavore mlkshk bicycle rights craft beer. Irony synth letterpress trust fund brooklyn bicycle rights carles, wolf you probably haven't heard of them jean shorts. Trust fund PBR freegan, brooklyn put a bird on it sustainable banh mi fanny pack farm-to-table marfa twee fixie brunch four loko vinyl. Hoodie you probably haven't heard of them DIY cred cosby sweater, tofu vinyl whatever locavore chambray tattooed single-origin coffee salvia carles williamsburg. Synth seitan etsy, four loko quinoa sustainable cardigan wolf cred locavore fixie tofu shoreditch.</p>
        </blockquote>
        
        <p>Gentrify cardigan cred, terry richardson artisan fanny pack farm-to-table vice wolf trust fund thundercats. PBR leggings portland vinyl echo park dreamcatcher.</p>
    
        <video preload="metadata" src="http://av.vimeo.com/53039/228/69894007.mp4?token=1323749735_68d8b5737536a72563a0f9138a13e17e" poster="http://b.vimeocdn.com/ts/211/511/211511847_640.jpg" />
        <description>
            
        </description>
        
        
        <iframe src="http://player.vimeo.com/video/30969373?color=ffffff" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe><p><a href="http://vimeo.com/30969373">Go All Day</a> from <a href="http://vimeo.com/colinkennedy">Colin Kennedy</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
    </dt> 
        
    <time>Friday, 21 December 2012</time>
    
</article>

CSS

body {
    width: 420px;
    margin: 0px auto;
    font: 70%/1.6em Verdana, "Bitstream Vera Sans", sans-serif;
    background: #4A525A;
    color: #EEE;
}
article {
    margin: 3.4em 0em 0em 1em;
}
heading {
    display: inline-block;
    padding: 2px 0px 3px 0px;
    margin: 0em 0em 1.2em -1em;
    color: #CCC;
    border-bottom: #64686C 1px solid;
}
p {
    margin-bottom: 1em;
}
blockquote {
    margin-right: 31px;
    padding: 0em 0.75em 0em 1em;
    color: #DDD;
    border-left: #777 1px solid;
    
}
time {
    font: 1em/4em;
    font-style: italic;
    color: #AAA;
}
time:before {
    content: '★';
    margin-right: 0.5em;
    font-style: normal;
}

video {
    width: 210px;
    padding: 0em; margin: 1em;
    
    background-color: #535c66;
    border: #535c66 0.3em solid;
    cursor: pointer;
}

video:hover {
    border-color: #606870;
}