JSFiddle - React, Tailwind, and code Playground

by btevfik

HTML

<div id="subnav">
    <div id="subnavtab"><a href="">Plan Your Visit</a>
    </div>
    <div id="subnavtab"><a href="">Tour the Museum</a>
    </div>
    <div id="subnavtab"><a href="">Program & Events</a>
    </div>
    <div id="subnavtab"><a href="">Membership</a>
    </div>
    <div id="subnavtab"><a href="">Donate</a>
    </div>
</div>
<div id="featuredexhibit">Featured Exhibit - this can be a rotating menu of exhibits</div>

CSS

#subnav {
    margin-top: 20px;
    width: 740px;
    float: left;
}
#subnavtab {
    background-color: #A1CD3A;
    float: left;
    padding: 10px 10px 10px 10px;
    margin: 0 5px 0 0;
    display: inline-block;
}
#featuredexhibit {
    width: 732px;
    height: 200px;
    background-color: #A7A9AC;
    margin: 0;
    clear: both;
}