Default

<!DOCTYPE html>
<html>
<head>
  <title>Menú Superior</title>
  <style>
    /* Estilos para el menú */
   
    #menu {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #001338;
    }


    #menu li {
      float: left;
      margin-right: 20px; /* Separación horizontal entre elementos */
    }

    #menu li:last-child {
      margin-right: 20px; /* Elimina el margen derecho del último elemento */
    }

    #menu li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }

    #menu li a:hover {
      background-color: #00256F;
    }

    #logo {
      float: left;
      margin-right: 20px; /* Separación entre el logotipo y los elementos del menú */
      width: 35px; /* Ancho del logotipo */
      height: 35px; /* Alto del logotipo */
    }
  </style>
</head>
<body>
  <ul id="menu">
    <li><a href="/heliodoro-rodriguez-lopez">Heliodoro Rodríguez López</a></li>
    <li><a href="/ciudad-deportiva-de-tenerife-javier-perez">Ciudad Deportiva de Tenerife Javier Pérez</a></li>
    <li><a href="/el-mundialito">El Mundialito</a></li>
    <li><a href="/sede-social">Sede Social</a></li>
    <li><a href="/tienda-oficialy">Tienda Oficial</a></li>
  </ul>
</body>
</html>
</html>