JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fonts.googleapis.com/css?family=Open+Sans:600,300,400"></script>
<script src="http://fonts.googleapis.com/css?family=Merriweather:400,700"></script>
<h2><a name="about" href="#about">About</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic fugiat nisi ea qui sit perferendis laborum atque cumque doloribus nulla ullam tenetur recusandae accusamus. Dignissimos quasi nostrum voluptas vel fugiat tenetur eos vitae eligendi debitis obcaecati blanditiis labore laborum illum eius tempore officia dicta sed aspernatur inventore quod a optio minima nisi ducimus ut suscipit hic totam iusto sequi soluta laudantium quam beatae nemo cumque praesentium magnam harum veniam sint provident reprehenderit asperiores molestias!</p>
<p>Mollitia minima sit aliquid quod porro facere nesciunt voluptate similique consectetur veritatis sapiente quidem nihil inventore. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam totam asperiores magnam dolore ex distinctio culpa porro consequuntur. Eum quaerat eius commodi adipisci debitis sequi culpa explicabo labore a dicta. Beatae earum eligendi debitis modi quam excepturi consequuntur dignissimos. Possimus laudantium iusto quasi expedita minus veritatis vitae a at tenetur ullam deleniti ut eveniet numquam eos voluptatem distinctio repudiandae repellendus esse veniam iste. Adipisci veniam nesciunt sint vitae unde voluptatibus fugiat aliquid facilis voluptatem minima fuga nostrum quisquam sapiente rem perspiciatis distinctio optio enim ullam magni laborum voluptates minus consectetur amet reiciendis nisi ut corporis. Impedit eveniet nulla eaque nobis maiores at itaque consequatur vel dolor consectetur ex consequuntur cumque beatae voluptate facilis animi inventore vitae placeat dolorem soluta! Tempore.</p>

<h2><a name="usage" href="#usage">Usage</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic fugiat nisi ea qui sit perferendis laborum atque cumque doloribus nulla...

CSS

body {
    font: 300 .95em/1.5 "Open Sans", sans-serif;
	color: #333;
    max-width: 27em;
    margin: 0 auto;
}

a {
	text-decoration: none;
}

h1, h2, h3,
h4, h5, h6 {
	font-family: Merriweather, serif;
    font-weight: bold;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

[href^="#"] {
	position: relative;
	color: inherit;
}

[href^="#"]:hover {
	color: #e14a42;
}

[href^="#"]:hover:before {
	content: '#';
	right: 100%;
	position: absolute;
	margin-right: .2em;
}