Mi a különbség a blokk elem és az inline elem között?

A blokk elfoglalja a rendelkezésre álló teljes szélességet, láthatatlan új sort hoz létre előtte és utána, tartalmazhat más blokk- és inline-elemeket, valamint teljes körű ellenőrzést biztosít a méretek (width, height) felett.

Az inline csak a szükséges szélességet foglalja el, nem hoz létre új sort, csak más inline-elemeket és szöveget tartalmazhat, és figyelmen kívül hagyja a méretváltozásokat a width és height segítségével (csak a padding és margin alkalmazható vízszintesen).

Példák:

Blokkok: div, p, h1, section. Inline: span, a, strong, em.