Qual é a diferença entre um elemento de bloco e um elemento em linha?

O bloco ocupa toda a largura disponível, cria uma nova linha invisível antes e depois de si, pode conter outros elementos de bloco e inline, e também tem controlo total sobre os tamanhos (width, height).

O inline ocupa apenas a largura necessária, não cria uma nova linha, pode conter apenas outros elementos inline e texto, e também ignora alterações de tamanho através de width e height (apenas padding e margin horizontais são aplicados).

Exemplos:

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