Le CSS réserve un espace inconnu dans le modèle de boîte

Question

J'ai créé un

avec un peu de texte. J'ai défini la largeur et le rembourrage du

et la taille de police du texte à l'intérieur. Ci-dessous un extrait résumant le conflit :

.container {
  width:     300px;
  padding:   10px;
  font-size: 16px;
}

  Bonjour

Conformément au code, la hauteur totale (qui est offsetHeight en javascript) est de 36. Cependant, lorsque je regarde la mise en page dans les outils de développement Chrome, la hauteur indique 38. Alors, d'où viennent ces 2px ?