Skip to main content
snippet de código
Origen Enlace
jachguate
  • 32.1k
  • 8
  • 41
  • 69

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navprin" class="contenedor">
     <a href="nosotros.html">Inicio</a>
     <a href="nosotros.html">Sobre mi</a>
     <a href="nosotros.html">Clientes</a>
     <a href="nosotros.html">Contacto</a>
 </nav>```


acá el codigo CSS:


 ```.conenedor {
 width: 50%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 10%;
 margin-left: auto;
}```

Por alguna razón si hago agrego el style desde el HTML si me funciona:
`<nav class="navprin" class="contenedor" style="width: 50%; margin-top: 0; margin-right: auto; margin-bottom: 10%; margin-left: auto;">`

.conenedor {
    width: 50%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10%;
    margin-left: auto;
}
<body>
 <nav class="navprin" class="contenedor">
        <a href="nosotros.html">Inicio</a>
        <a href="nosotros.html">Sobre mi</a>
        <a href="nosotros.html">Clientes</a>
        <a href="nosotros.html">Contacto</a>
    </nav>
</body>

Por alguna razón si hago agrego el style desde el HTML si me funciona:

<body>
 <nav class="navprin" class="contenedor" style="width: 50%; margin-top: 0; margin-right: auto; margin-bottom: 10%; margin-left: auto;">
        <a href="nosotros.html">Inicio</a>
        <a href="nosotros.html">Sobre mi</a>
        <a href="nosotros.html">Clientes</a>
        <a href="nosotros.html">Contacto</a>
    </nav>
</body>

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navprin" class="contenedor">
     <a href="nosotros.html">Inicio</a>
     <a href="nosotros.html">Sobre mi</a>
     <a href="nosotros.html">Clientes</a>
     <a href="nosotros.html">Contacto</a>
 </nav>```


acá el codigo CSS:


 ```.conenedor {
 width: 50%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 10%;
 margin-left: auto;
}```

Por alguna razón si hago agrego el style desde el HTML si me funciona:
`<nav class="navprin" class="contenedor" style="width: 50%; margin-top: 0; margin-right: auto; margin-bottom: 10%; margin-left: auto;">`

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

.conenedor {
    width: 50%;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 10%;
    margin-left: auto;
}
<body>
 <nav class="navprin" class="contenedor">
        <a href="nosotros.html">Inicio</a>
        <a href="nosotros.html">Sobre mi</a>
        <a href="nosotros.html">Clientes</a>
        <a href="nosotros.html">Contacto</a>
    </nav>
</body>

Por alguna razón si hago agrego el style desde el HTML si me funciona:

<body>
 <nav class="navprin" class="contenedor" style="width: 50%; margin-top: 0; margin-right: auto; margin-bottom: 10%; margin-left: auto;">
        <a href="nosotros.html">Inicio</a>
        <a href="nosotros.html">Sobre mi</a>
        <a href="nosotros.html">Clientes</a>
        <a href="nosotros.html">Contacto</a>
    </nav>
</body>

se añadieron 208 caracteres en el cuerpo
Origen Enlace

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navprin" class="contenedor">
     <a href="nosotros.html">Inicio</a>
     <a href="nosotros.html">Sobre mi</a>
     <a href="nosotros.html">Clientes</a>
     <a href="nosotros.html">Contacto</a>
 </nav>```


acá el codigo CSS:


 ```.conenedor {
 width: 50%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 10%;
 margin-left: auto;
}```

Por alguna razón si hago agrego el style desde el HTML si me funciona:
`<nav class="navprin" class="contenedor" style="width: 50%; margin-top: 0; margin-right: auto; margin-bottom: 10%; margin-left: auto;">`

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navprin" class="contenedor">
     <a href="nosotros.html">Inicio</a>
     <a href="nosotros.html">Sobre mi</a>
     <a href="nosotros.html">Clientes</a>
     <a href="nosotros.html">Contacto</a>
 </nav>```


acá el codigo CSS:


 ```.conenedor {
 width: 50%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 10%;
 margin-left: auto;
}```

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navprin" class="contenedor">
     <a href="nosotros.html">Inicio</a>
     <a href="nosotros.html">Sobre mi</a>
     <a href="nosotros.html">Clientes</a>
     <a href="nosotros.html">Contacto</a>
 </nav>```


acá el codigo CSS:


 ```.conenedor {
 width: 50%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 10%;
 margin-left: auto;
}```

Por alguna razón si hago agrego el style desde el HTML si me funciona:
`<nav class="navprin" class="contenedor" style="width: 50%; margin-top: 0; margin-right: auto; margin-bottom: 10%; margin-left: auto;">`
Origen Enlace

Por que mi html no lee el los márgenes de mi css?

Todo lo que es colores, font-size y color me lo toma, pero por alguna razón los margin no. Nunca antes me había pasado y ya llevo horas intentando solucionarlo. Acá el código HTML resumido

 <link rel="stylesheet" href="css/styles.css">
</head>
<body>
<nav class="navprin" class="contenedor">
     <a href="nosotros.html">Inicio</a>
     <a href="nosotros.html">Sobre mi</a>
     <a href="nosotros.html">Clientes</a>
     <a href="nosotros.html">Contacto</a>
 </nav>```


acá el codigo CSS:


 ```.conenedor {
 width: 50%;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 10%;
 margin-left: auto;
}```