CSS - Problema con margenes de Div

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 15 puestos en CSS (en relación al último mes)
Gráfica de CSS

Problema con margenes de Div

Publicado por Joaquin (1 intervención) el 08/07/2019 23:04:30
Hola gente, estoy con un problema en mi pagina, no puedo sacarle el margen blanco que queda al principio de los botones, les dejo la imagen. Disculpen estoy recién empezando con todo esto...
problema

Dejo el codigo de la web

Main
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/probando.css">
<title>Documento sin título</title>
 
</head>
	<div class="panel">
    	<ul class="botones">
        	<li>Inicio</li>
     		<li>Productos</li>
        	<li>Comprar Bateria</li>
        	<li>Contacto</li>
        </ul>
     </div>
<body>
</body>
</html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.panel{
	width: 1000;
	height: 40px;
	margin: 0px auto auto;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
 
}
 
.botones li{
	list-style:none;
	float:left;
	width: 25%;
	height: 40px;
	background-color: rgba(255,0,0,1);
	text-align:center;
	line-height: 40px;
	display:block;
 
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 6
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

Problema con margenes de Div

Publicado por Daniel (2 intervenciones) el 09/07/2019 00:02:44
Buenas prueba colocando de esta manera en tu CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
}
.panel{
	width: 1000px;
	height: 40px;
	margin: 15px auto auto;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.5);
}
.botones li{
	list-style:none;
	float:left;
	width: 25%;
	height: 40px;
	background-color: rgba(255,0,0,1);
	text-align:center;
	line-height: 40px;
	display:block;
}

Saludos..
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar