JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="tabs_ul">
			<li><a href="#tabs-1">study</a></li>
			<li><a href="#tabs-2">home</a></li>
			<li class="last"><a href="#tabs-3">table</a></li>
			</ul>

CSS

#tabs_ul {
	margin:0;
	padding:0;
	background:none;
	border:0 none;
}
#tabs_ul li  {
	background:#f2f4ea;
	padding:20px;
	margin:0; 
	border-radius: 0;
	border:0 none;
	border-right:1px solid #d3cfcf;
	width: 22%;
    float:left;
    list-style-type:none;
    text-align:center;
}
#tabs_ul li.last  {
	border:0 none;
	border-right:0 none;
}
#tabs_ul li a {
	background:#f2f4ea;
	color:#4c3328;
    font-family: 'royal_acidregular';
	font-size:24px;
}