`display: inline-block` sprawia że element ma wysokość linii tekstu i ładnie pasuję nam do paragrafu. Żeby ustawić elementy obok siebie musisz użyć np. kontenera z ustawionym `display: flex`, lub po prostu zrobić to za pomocą `float`.
Btw. zamiast podawać tą długą listę elementów którym chcesz standardowo wyzerować pewne wartości możesz użyć operatora *
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}