JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<header>
    <div id="head-wrapper">
        <img src="<?php echo base_url();?>Images/logo.png" alt="Logo">
            <nav class="menu_align">
                <a href="#">INSIGHT</a>
                <a href="#">BUILDINGS</a>
                <a href="#">CLIENTS</a>
            </nav>
        </div>
    </header>

CSS

/**********Header**********/
#head-wrapper{
    max-width: 1024px;
    margin: 0 auto;
    font-size: 14px;
}

.menu_align{
    padding-top: 8px;
    float: right;
}
nav a:not(:first-child){
    border-left:1px solid #000;
    color: rgb(102, 102, 102);
    padding: 0 10px 0 10px;
}