Comunidad de diseño web y desarrollo en internet online

No se muestra el div

Citar            
MensajeEscrito el 16 Oct 2019 09:55 pm
Hola, no puedo ver las cajas de colores div, ¿a que se debe?

necesito de su ayuda para poder verlas

HTML:

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="caja 1">
Caja 1
</div>
<div class="caja 2">
Caja 2
</div>
</body>
</html>

CSS:

body{
width:400px;
margin: 0 auto;
height: auto;
}
.caja1{
background: yellow;
width: 400px;
height: 100px;
padding: 20px;
border: 20px solid blue;
}
.caja2{
background: tomato;
width: 400px;
height: 100px;
}

No puedo verlo en el navegador Opera y Google Chrome

a la espera de su ayuda

Roger

Por roger27

2 de clabLevel



 

chrome
Citar            
MensajeEscrito el 02 Nov 2019 12:20 pm
Hola. En el HTML tienes esto, por ejemplo; <div class="caja 2">, y en el css esto; .caja2, es decir, que en en el de HTML dejas un espacio entre el la caja y 2, debería ser así; <div class="caja2">, para que fuera igual que el del CSS. Espero que el comentario te haya sido de utilidad. Un saludo,

Por dartcoupli

1 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.