JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
    <div id="name">
        <p>Jeff Xxxxxxx, 2015</p>
    </div>
    <div id="top">
      <p>Top</p>
    </div>
   <div id="contact">
    <p>Contact</p>
   </div>
</footer>

CSS

footer
{
    width: 100%;
    background-color: #07076E;
    padding: 3px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 12pt;
    color: #FFC931;
    text-align:center;
    
}

#name {
    float: left;
}

#top {
   display:inline-block;        
}

#contact {
    float: right;    
}