Proyecto 2 – Margen de menú de navegación

Posted by Josue Leal on 28 junio, 2023 en 8:14 pm

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;
}

Angel Sánchez respondido 1 año 2 Miembros · 1 Responde

1 Responde

Angel Sánchez
organizador
29 junio, 2023 en 7:29 am
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.

Grupo de HTML y CSS

organizador:

Proyecto 2 – Margen de menú de navegación

Proyecto 2 – Margen de menú de navegación

Angel Sánchez