JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="nav">
    <li><a href="#">Search</a></li>
    <li><a href="#">Legend</a></li>
    <li><a href="#">Info</a></li>
</ul>

CSS

* { margin:0; padding:0; }
    .nav { background: #ccc; }
    .nav li {
        display:block;
        float:left;
        width: 33.3%;
    }
    .nav li a {
        display:block;
        text-align: center;
    }
    #map-canvas { background:#eee; }