Jaka jest różnica między elementem blokowym a elementem inline?

Blok zajmuje całą dostępną szerokość, tworzy niewidzialną nową linię przed i po sobie, może zawierać inne elementy blokowe i inline, a także ma pełną kontrolę nad rozmiarami (width, height).

Inline zajmuje tylko potrzebną szerokość, nie tworzy nowej linii, może zawierać tylko inne elementy inline i tekst, oraz ignoruje zmiany rozmiaru przez width i height (stosują się tylko padding i margin poziome).

Przykłady:

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