Grupo de HTML y CSS
Este grupo esta relacionado con nuestro curso profesional de HTML y CSS. Aquí se comparten... View more
organizador:
- Organizado por
-
Proyecto 2 – Margen de menú de navegación
Proyecto 2 – Margen de menú de navegación
Tengo un problema con el segundo proyecto, en el ejemplo del video al ponerle ‘margin: auto’ al elemento ‘nav’, este obtiene un margen y se posiciona más hacia el centro de la barra de navegación, pero cuando le agrego esa propiedad de estilo no pasa nada.
Les dejo una imagen y mi código, ¡gracias!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Azul Web - En Suecia las escuelas enseñaran nociones de programación
desde el primer grado.
</title>
<link
rel="stylesheet"
href="css/
styles.css"
/>
</head>
<body>
<section id="navegador">
<nav>
- Tecnología
- Ciencia
- Educación
<div>Logo</div>
</nav>
</section>
<section id="contenedor"></section>
<section id="footer"></section>
</body>
</html>
----------------------------------
* {
margin: 0px;
padding: 0px;
font-family: arial, sans-serif;
}
#navegador {
background: #3b3b3b;
color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
}
nav {
max-width: 1100px;
margin: auto;
}
nav ul {
display: flex;
}
nav li {
background: #7e7e7e;
padding: 5px;
height: 20px;
list-style: none;
margin-right: 10px;
}
- 1 Responde
Hola Josue, trata de darle un ancho del 100% al contenedor padre de ese nav, para que tenga una referencia. SI no te funciona sube aquí tu proyecto en un .zip o .rar y lo checo 😀
Inicia sesión para responder.
