JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="row">
      <div class="col-md-12">
        <a href="#">restaurant</a>
        <a href="#">halls</a>
        <a href="#">menu</a>
        <a href="#">reservation</a>
        <a href="#">store</a>
        <a href="#">reviews</a>
        <a href="#">news</a>
      </div>
    </div>
  </div>

CSS

.container
{
  background:black;
  padding:20px;
  float:left;
}
.row
{
  position:relative;
  
}
.col-md-12 a
{
  text-decoration:none;
  color:white;
  text-align:center;
  padding:5px;
  
  
 }