Есть простейшая HTML страничка, с подключенным к ней файлом CSS. На страничке всего два блока, Шапка (940px) и под ней слайдер на всю ширину окна.
Проблема в том, что между этими блоками появился зазор в 20px. И я никак не могу понять, как он появился и как его убрать. Прошу помочь разобраться.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<title>Test</title>
</head>
<body>
<header class="container">
<h1>Tittle</h1>
</header>
<div class="backg">
<div class="container">
<h2>Example</h2>
</div>
</div>
</body>
</html>
body {
background-color: #ccc;
margin:0;
color:#eee;
}
.container {
width:940px;
}
header {
margin:0 auto;
background-color: red;
height:100px;
}
h1 {
margin:0;
}
.backg {
margin:0;
background-color: blue;
}