JSFiddle - React, Tailwind, and code Playground

HTML

<div class="nav">Nav 1</div>
<div class="nav">Nav 2</div>
<div class="nav">Nav 3</div>
<div class="nav">Nav 4</div>

CSS

body, html {
    width: 100%;
    padding: 0;
    margin: 0;
}
.nav {
    width: 24%; 
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
}