JSFiddle - React, Tailwind, and code Playground

by Scott Godin

HTML

<section class="pagehead">
<h1 class="title">LOGO GOES HERE</h1>

<ul class="menu">
    <li><a href="">Home</a></li>
    <li><a href="">News</a></li>
    <li><a href="">Client Search</a></li>
</ul> 

<div class="authorizedUsers">This intranet is for authorized users only. Any unauthorized users ip's will be logged and reported to the appropriate authorities.
</div>
</section>

CSS

.pagehead {
    border: 1px solid black;
    overflow: auto;
}

/*This will have Moore Stephens Logo*/
.title
{
    padding:10px;
    text-align:center;
    margin: 0;
    border-bottom: 1px solid black;
}

.menu
{
    list-style:none;
    margin:0;
    margin-top:0;
    padding:10px;
border-right: 1px solid black;
    display:inline-block;
    text-align:center;
    float:left;
}

.authorizedUsers
{
    padding:0.66em 5em;
        margin: 0;
    margin-left:130px;
    text-align:center;

}