Ciao a tutti!

Volevo fare una domanda probabilmente molto banale ma alla quale non riesco a trovare una soluzione:

Se creo due DIV#id, entrambi delle stesse dimensioni con l'attributo display: inline; e con lo stesso margine dal lato superiore, come mai quando inserisco all'interno di uno di questi un titolo H1 di dimensioni pari a 24px, il DIV stesso viene spostato più in alto?

C'è qualcosa che posso fare per evitare questo problema?

Ringrazio tutti anticipatamente, buona giornata!