Margines pomiędzy divami

pytanie zadane 30 stycznia 2020 w HTML i CSS przez Pamix Nowicjusz (160 p.)
zamknięte 31 stycznia 2020 przez Pamix

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

komentarz zamknięcia: Odpowiedź