JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <ul id="menu">
    <li><a href="site.html">Pagina Inicial</a></li>
    <li>    
      <a href="#">Produtos</a>
      <ul>
        <li><a href="inserir.html">Inserir</a></li>
        <li><a href="menuprodutos.html">Ver Produtos no Site</a></li>
        <li><a href="procurar.html">Procurar</a></li>
        <li><a href="remover.html">Eliminar</a></li>
        <li><a href="listar.php">Listar</a></li>
      </ul>
    </li>
    <li>    
      <a href="site.html">A nossa Empresa</a>
      <ul>
        <li><a href="empresa.html">Hist&oacute;ria</a></li>
        <li><a href="val.html">Valores</a></li>
      </ul>
    </li>
    <li><a href="cont.html">Contactos</a>
      <ul>
        <li><a href="email.html">Contacte-nos </a></li>
      </ul>
    </li>
    <li>    
      <a href="formulario.html">Formul&aacute;rio</a>
    </li>
  </ul>
</body>

CSS

#menu {
   text-align: center;
}

#menu li {
    display: inline;
}

#menu ul {
    display: none;
}