JSFiddle - React, Tailwind, and code Playground

by James Doyle

HTML

<link href='http://fonts.googleapis.com/css?family=Mako&v1' rel='stylesheet' type='text/css'>
<div class="default">
    <h1>Here is the title</h1>
</div>

CSS

body {background: #aaa;}
.default {
    width: 400px;
    height: 200px;
    color: #101010;
    border-width: 10px;
    -moz-border-image:url(http://dl.dropbox.com/u/6913105/bottomborder.gif) 0 0 10 round;
    -webkit-border-image:url(http://dl.dropbox.com/u/6913105/bottomborder.gif) 0 0 10 round;
    border-image:url(http://dl.dropbox.com/u/6913105/bottomborder.gif) 0 0 10 round;
}

.default h1, .default h2, .default h3, .default h4, .default h5, .default h6 {
    padding-bottom: 1em;
    line-height: 1em;
    border-bottom: 1px dashed #101010;
    font-family: 'Mako', arial, serif;
}

.default h1:before, .default h2:before, .default h3:before, .default h4:before, .default h5:before, .default h6:before {
    content: "\00BB";
    color: #2964ba;
    font-weight: normal;
    font-size: 1.8em;
    display: inline-block;
    padding-right: 5px;
}