JSFiddle - React, Tailwind, and code Playground

by genelocklin

HTML

<div role="banner" class="vcard">
    <a href="http://twitter.com/genelocklin" class="url">
    <figure>
        <img alt="photo of my-feet" class="photo"...

CSS

body { background: #BFB485; }
div { width: 600px; margin: 0 auto; }
div figure { display: inline; float: left; }
div h1 { display: inline; float: left; font-size: 3em; font-family: sans-serif; font-weight: bold; margin-top: 1.15em; color: #793E1D; text-transform: uppercase; word-spacing: -.05em; }

JavaScript

// http://microformats.org/wiki/hcard