Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

El margen no se muestra

Hola, sucede que he utilizado la etiqueta de Margin, pero no hay cambios. Lo comprobé porque en las DevTools no aparece. Acá dejo mi código:

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF.8">
        <title>  Productos - Barberìa Alura
        </title>

        <link rel="stylesheet" href="pruductos.css"> 

    </head>

    <body>

        <header>
            <h1>  <img src="imagenes/logo.png" alt="Logo Barbería Alura">  </h1>
            <ul>
                <nav>
                    <li><a href="HTML1/index.html">Home</a></li>
                    <li><a href="productos.html">Productos</a></li>
                    <li><a href="http://www.elespectador.com">Contacto</a></li>
                </nav>


            </ul>


        </header>


    </body>



</html>
header {
    background-color: #BBBBBB;
}

nav li{
    display: inline;
    margin: 0 0 0 100;
}

nav a {
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    text-decoration: none;


}
1 respuesta

Hola

No veo razón por la que no te funcione. Asegúrate de haber guardado los cambios tanto en html como en css.

Solo una acotación, la etiqueta ul debe ir dentro de la etiqueta nav. Asi:

<nav>
                <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><a href="productos.html">Productos</a></li>
                            <li><a href="contacto.html">Contacto</a></li>
                </ul>
</nav>