JSFiddle - React, Tailwind, and code Playground

HTML

<ul class=" ul-center" role="tablist">
           <li><a href="#">Item 1</a>    </li>
                <li><a href="#">Item 2</a>    </li>  
 </ul>
 <div class="content">
 <p>
 Sample content 
 </p>
 </div>

CSS

.ul-center{
  margin:0;
  padding:0;
  clear:both;
  text-align:center;
}
.ul-center li{
  display:inline-block;
  padding:10px 20px;
  background-color:#fff;
  margin:0;
}
.content{
  background-color:#fff;
  width:100%;
  height:80px;
  padding:10px;
}
.content p{
  margin-top:0;
}