JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menuh">
        		<div align="center" class="moduletable">
					
<ul class="menu">
<li class="item-468 current active"><a href="/" >Biografía</a></li><li class="item-469"><a href="/index.php/actualidad" >Actualidad</a></li><li class="item-470"><a href="/index.php/libros" >Libros</a></li><li class="item-471"><a href="/index.php/periodicos" >Periódicos</a></li><li class="item-474"><a href="/index.php/investigacion" >Investigación</a></li><li class="item-472"><a href="/index.php/consultas" >Consultas</a></li><li class="item-473"><a href="/index.php/contacto" >Contacto</a></li></ul>
		</div>
	
                     </div>

CSS

#moduletable {
	
}
#menuh {
        font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
        margin-top: 20px;
		/*float:right;*/
		margin:0 auto;
        width: 632px;
}

#menuh ul, li {
        list-style-type: none;
		}

#menuh ul {
      margin: 0 auto;
}

#menuh li {
        /*float: left;*/
		
}

#menuh a {
        text-decoration: none;
        color: #FFFFFF;
        background: #0066FF;
        display: block;
        padding: 3px 10px;
        text-align: center;
        border: 1px solid #ACCFE8;
        border-width: 1px 1px 1px 0;
}


#menuh a#primero {
        border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
        background: #DBEBF6;
}