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: 30px; /* Separación horizontal entre elementos */
    }

    #menu li:last-child {
      margin-right: 10px; /* 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: center;
      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>
  <center>
  <ul id="menu">
    <li><a href="https://go.ivoox.com/rf/134703560">iVoox</a></li>
    <li><a href="https://open.spotify.com/episode/38ljCCfu6bjlusYBsT1ney?si=EvOmEfcsSpCWisXyBrHfEA">Spotify</a></li>
    <li><a href="https://music.amazon.es/podcasts/7b15ad85-6344-46da-8971-c4205786a74d/episodes/a80bcc43-0264-45a3-a3fd-5b97dc5a248c/p%C3%B3dcast-del-cd-tenerife-podcast-bota-heliodoro-t1x01-pepe-mel-cd-tenerife">Amazon</a></li>
  </ul>
  </center>
</body>
</html>
</html>

<!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: 30px; /* Separación horizontal entre elementos */
    }

    #menu li:last-child {
      margin-right: 10px; /* 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: center;
      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>
  <center>
  <ul id="menu">
    <li><a href="https://go.ivoox.com/rf/135887410">iVoox</a></li>
    <li><a href="https://open.spotify.com/episode/6aFFrOfePa56ZX1xKCR94b?si=b68jrB4PTAKHqTQXu8Ld3Q">Spotify</a></li>
    <li><a href="https://music.amazon.es/podcasts/7b15ad85-6344-46da-8971-c4205786a74d/episodes/f3612c96-0eb2-430c-a2a9-f0b0888dea39/p%C3%B3dcast-del-cd-tenerife-podcast-bota-heliodoro-t1x02-luismi-cruz-cd-tenerife">Amazon</a></li>
  </ul>
  </center>
</body>
</html>
</html>

<!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: 30px; /* Separación horizontal entre elementos */
    }

    #menu li:last-child {
      margin-right: 10px; /* 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: center;
      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>
  <center>
  <ul id="menu">
    <li><a href="https://go.ivoox.com/rf/137404523">iVoox</a></li>
    <li><a href="https://open.spotify.com/episode/0KV3UIZpCnW4MmCKr4bOFe?si=XnWrQ3M7RJqFii7il44-hA">Spotify</a></li>
    <li><a href="https://music.amazon.es/podcasts/7b15ad85-6344-46da-8971-c4205786a74d/episodes/f3db0dd3-fc46-4001-8ae0-cab4895c5d6f/p%C3%B3dcast-del-cd-tenerife-podcast-bota-heliodoro-t1x03-juan-carlos-casta%C3%B1eda-cd-tenerife">Amazon</a></li>
  </ul>
  </center>
</body>
</html>
</html>

<!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: 30px; /* Separación horizontal entre elementos */
    }

    #menu li:last-child {
      margin-right: 10px; /* 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: center;
      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>
  <center>
  <ul id="menu">
    <li><a href="https://go.ivoox.com/sq/1503218">iVoox</a></li>
    <li><a href="https://open.spotify.com/show/3VceRB8N8GfhAaWgaSsMcY">Spotify</a></li>
    <li><a href="https://music.amazon.es/podcasts/7b15ad85-6344-46da-8971-c4205786a74d/p%C3%B3dcast-del-cd-tenerife">Amazon</a></li>
  </ul>
  </center>
</body>
</html>
</html>