L'elemento a blocco occupa tutta la larghezza disponibile, crea una nuova riga invisibile prima e dopo di sé, può contenere altri elementi a blocco e inline, e ha il controllo completo sulle dimensioni (width, height).

L'elemento inline occupa solo la larghezza necessaria, non crea una nuova riga, può contenere solo altri elementi inline e testo, e ignora le modifiche di dimensione tramite width e height (sono applicati solo padding e margin orizzontali).

Esempi:

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

Precedente Avanti