JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li onclick="window.location.href='#';">Home</li>
    <li onclick="window.location.href='#';">About</li>
    <li onclick="window.location.href='#';">Gallery</li>
    <li onclick="window.location.href='#';" style="border:none">Contact</li>
</ul>

CSS

body {
    padding:0;
    margin:0;
}
ul {
    display:inline;
    font: 20px Arial, sans-serif;
}

li {
    float:left;
    width:24%;
    text-align:center;
    border-right: 1px solid #c3c3c3;
    list-style:none;
    cursor:pointer;
}