boa noite, Por curiosidade... nesse exercício eu quis colocar margem sendo 0, por que os quadrados não ficaram colados na tela e sim dando o espaço branco? E , porque não consigo chamar uma classe no CSS que comece com numeral, por exemplo : .1
Html
<!doctype>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="testes_com_floats_2.css">
</head>
<div class="um">1</div>
<div class="dois">2</div>
<div class="tres">3</div>
<div class="quatro">4</div>
<div class="cinco">5</div>
</html>
CSS
.um {
width: 40px;
height: 40px;
float: left;
background-color: red;
text-aling:20px 20px black;
fonte-size:bold;
}
.dois {
width: 40px;
height: 40px;
float: left;
background-color: blue;
text-aling:20px 20px black;
fonte-weight:bold;
}
.tres {
width: 80px;
height: 80px;
float: right;
background-color: green;
text-aling:40px 40px black;
fonte-weight:bold;
}
.quatro {
width: 40px;
height: 40px;
float: left;
clear: left;
background-color: orange;
text-aling:20px 20px black;
fonte-weight:bold;
}
.cinco {
width: 40px;
height: 40px;
clear: both;
background-color: pink;
text-aling:20px 20px black;
fonte-weight:bold;
}
.um, .dois, .tres, .quatro, .cinco {
margin: 0;
}