Wielka zmiana z padding 0px na 1px

pytanie zadane 22 sierpnia 2016 w HTML i CSS przez zielonyjoe Nowicjusz (120 p.)

Dzień dobry, uczę się html'a i css'a z poradników pana Mirosława Zelenta i napotkałem pewien problem, z którym nie mogę sobie poradzić. Otóż w odcinku drugim kursu HTML, zajmujemy się wyglądem diva o id="logo". Przy paddingu 0px strona wygląda identycznie jak z kursu, ale gdy ustawię padding na 1px, wygląda to jakbym ustawił dużo więcej. Nie do końca rozumiem, na czym polega.

Kod html:

<body>
  <div id="container">
    <div id="logo">
      <h1>FANCY LOGO</h1>
    </div>
  </div>

</body>

Kod CSS:

#logo
{
  background-color: rgba(3, 169, 244, 0.65);
  padding: 1px;
  text-align: center;
}

Pozdrawiam!

1	komentarz 22 sierpnia 2016 przez xmentor Nałogowiec (49,520 p.) edycja 22 sierpnia 2016 przez xmentor Wyzeruj marginesy nagłówka h1 i wszystko będzie okej.