Відступи між блоками
Аня написала наступний код (приклад 1) і отримала сторінку, яку показано на малюнку 1. Проте Ані потрібно, щоб не було відступів між блоками, а також справа і зліва від блоків. Які зміни в коді для цього потрібно внести?
Малюнок 1. Відступи навколо блоків
Приклад 1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Блоки</title>
<style>
h1 {
background: #569099;
padding: 10px;
color: #fff;
}
p {
background: #cad8d0;
padding: 10px;
}
</style>
</head>
<body>
<h1>Ось такий чай</h1>
<p>Історія про те, як одна людина хотіла попити чаю, але помилившись
замість води намагалася налити в чайник бензин, і що з цього вийшло.</p>
</body>
</html>