Añadir a tu página web un indice en horizontal.

Hola mundis.

Para conseguir poner en tu página web un indice horizontal te aconsejo hacer click aquí.

Por si no quieres clicar ahí te cuento lo que yo hice. Empecé por poner en el comienzo de mi index (justo al principio del body)esto:

  <ul>
 <li><a href="default.asp">Home</a></li>
 <li><a href="news.asp">News</a></li>
 <li><a href="contact.asp">Contact</a></li>
 <li><a href="about.asp">About</a></li>
</ul>

Después, en el styles escribí lo siguiente:

    ul {
                list-style-type: none;
                margin: 0;
                padding: 0;
                overflow: hidden;
                background-color: #333;
        }

        li {
                float: left;
        }

        li a {
                display: block;
                color: white;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
        }

        li a:hover:not(.active) {
                background-color: #111;
        }

        .active {
                background-color: #4CAF50;
        }

Y tras esto conseguí un hermoso indice al inicio de mi página.



Hasta la próxima mundanos de internet.