JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="sub_nav" style="display: block; left: 524.5px;">
<li><a href="/path1" class="one">1st button</a></li>
<li><a href="/path2" class="one">2nd button</a></li>
<li><a href="/path3" class="one">3rd button</a></li>
</ul>

CSS

li {
  width: 100px;
  height: 30px;
  line-height: 30px; 
  background: #ccc;   
  display: block;
  margin-bottom: 5px;
}