JSFiddle - React, Tailwind, and code Playground

by soulwire

HTML

<link href='http://fonts.googleapis.com/css?family=Crete+Round|Days+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lekton|Droid+Sans+Mono|Cousine|Anonymous+Pro|Chivo|Inconsolata' rel='stylesheet' type='text/css'>
<article>
    <header>
        <h1>Some Useful BackboneJS Libraries</h1>
    </header>
    <p>Curabitur nisl nisi, semper ut semper vitae, volutpat sed nibh. Integer et tortor at arcu volutpat aliquet a et nulla. Cras convallis diam eget orci condimentum interdum. Etiam ullamcorper mollis imperdiet. In nec orci nunc, aliquet iaculis quam. Nam a purus mauris, sed fermentum tortor.</p>
</article>

CSS

html, body {
    
    background: #f5f5f5;
    word-wrap: break-word;
    color: #222;
}

article {
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    font-family: 'Cousine', sans-serif;
    font-family: 'Chivo', sans-serif;
    background: #fff;
    font-size: 13px;
    padding: 20px;
    margin: 40px;
    width: 280px;
}

header {
    display:block;
    margin-bottom: 20px;
}

h1 {
    font-family: 'Crete Round', serif;
    font-size: 50px;
    letter-spacing: -2px;
    line-height: 1.25;
    _background: #EDF7F5;
    display: inline;
}
p {
    color: #333;
}