JSFiddle - React, Tailwind, and code Playground

by Jiff Pom

HTML

<nav>
            <a href='#' class='active'>Home</a>
            <a href='#'>Partners</a>
            <a href='#'>Contact</a>
            <a href='#' class='about'>About</a>
        </nav>

        <div id='content'>
            <h1>Welcome.</h1>
            <p class='date'>01/01/2016</p>
            <div class="clear">
            </div>
            </div>
        </div>

CSS

#content h1 {
    font-family: 'Caveat', cursive;
    color: #262626;
    margin-top: 50px;
    margin-left: 100px;
    padding-bottom: 10px;
    width: 50%;
    border-bottom: 1px solid #ddd;
    float: left;
    margin: 0;
}

.date {
    float: right;
    margin: 0;
}

.clear {
  clear: both;
  }