Witam mam pytanie dotyczące marginesu w HTML. Otóż mam sobie taki kod
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body
{
margin:0;
}
.tile1
{
width:250px;
height:250px;
background-color:#303030;
margin:10px;
}
</style>
</head>
<body>
<div class="tile1"></div>
<div class="tile1"></div>
</body>
</html>
Odległość pomiędzy divami wynosi wtedy 10 px i dobrze bo margines jest ustawiony na 10px;
Natomiast w tym kodzie odległość pomiędzy divami wynosi 20px a w kodzie napisane jest margin:10px;
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
body
{
margin:0;
}
.tile1
{
width:250px;
height:250px;
background-color:#303030;
float:left;
margin:10px;
}
</style>
</head>
<body>
<div class="tile1"></div>
<div class="tile1"></div>
<div style="clear:both;"></div>
</body>
</html>
Wydaje mi się że kiedy blok ma dopisane clear:both lub float left to nie zważa czy ma juz 10 px margines i robi kolejny ale nie jestem pewien i liczę że ktoś mi odpowie , z góry dziękuje za odpowiedzi