JSFiddle - React, Tailwind, and code Playground

HTML

<table class="navbar">
   <tbody>
      <tr valign="middle" align="center">
        <td width="25%" style="border-right: 1px solid #C3C3C3; cursor: pointer" onclick="window.location.href='#';">Home</td>
        <td width="25%" style="border-right: 1px solid #C3C3C3; cursor: pointer" onclick="window.location.href='#';">About</td>
        <td width="25%" style="border-right: 1px solid #C3C3C3; cursor: pointer" onclick="window.location.href='#';">Gallery</td>
        <td width="25%" style="cursor: pointer" onclick="window.location.href='#';">Contact</td>
       </tr>
   </tbody>
</table>

CSS

.navbar {
        width: 100%;
        font: 20px, Arial, sans-serif;
    }