Cześć

Nierozumiem czemu w moim przypadku marginesy selektorów h1 i div sumują się tylko w poziomie, a pionie to już nie. Poniższy rysunek przedstawia sytuacje wobec lewego i górnego marginesu.

image.png

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <title></title>
    <!-- reset.css jest arkuszem strony ze strony Meyera: http://meyerweb.com/eric/tools/css/reset -->
    <link href="css/reset.css" rel="stylesheet" />
    <link href="css/base.css" rel="stylesheet" />
    <meta charset="utf-8" />
</head>
<body>
    <div class="example-div">
        <h1>Wspomnienia z podróży</h1>
    </div>
</body>
</html>

To jest css/base.css

.example-div {
    background-color: yellow;
    margin: 10px;
}

h1 {
    outline: blue 1px solid;
    margin: 10px;
}