Mam problem, a propo ukladania struktury divow, kwadracik na dole nie chce mi wskoczyć do struktury nie wiem dlaczego, załączam screena i kod HTML i CSS. Niestety nie mogę zauważyć błędu, a siedzę nad tym już chwilkę. Dzięki z góry za pomoc!
https://imgur.com/khwSbhT
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="box">
<div id="A">
</div>
<div id="B">
</div>
<div id="C">
</div>
<div id="D">
</div>
<div id="E">
</div>
<div id="F">
</div>
<div id="G">
</div>
<div id="H">
</div>
<div id="I">
</div>
<div class="czyscik"></div>
<div id="J">
</div>
</div>
</body>
</html>
#box
{
height:400px;
width:400px;
}
.czyscik
{
clear:both;
}
#A
{
height:25%;
width:25%;
background-color:yellow;
float:left;
}
#B
{
height:25%;
width:25%;
background-color:black;
float:left;
}
#C
{
height:25%;
width:50%;
background-color:green;
float:left;
}
#D
{
height:25%;
width:50%;
background-color:pink;
float:left;
}
#E
{
height:25%;
width:25%;
background-color:red;
float:left;
}
#F
{
height:25%;
width:25%;
background-color:blue;
float:left;
}
#G
{
height:25%;
width:25%;
background-color:magenta;
float:left;
}
#H
{
height:50%;
width:50%;
background-color:cyan;
float:left;
}
#I
{
height:50%;
width:25%;
background-color:black;
float:left;
}
#J
{
height:25%;
width:25%;
background-color:blue;
}