Ποια είναι η διαφορά μεταξύ ενός μπλοκ στοιχείου και ενός inline στοιχείου;

Το μπλοκ καταλαμβάνει όλο το διαθέσιμο πλάτος, δημιουργεί μια αόρατη νέα γραμμή πριν και μετά από τον εαυτό του, μπορεί να περιέχει άλλα μπλοκ και inline στοιχεία, και έχει πλήρη έλεγχο πάνω στα μεγέθη (width, height).

Το inline καταλαμβάνει μόνο το απαραίτητο πλάτος, δεν δημιουργεί νέα γραμμή, μπορεί να περιέχει μόνο άλλα inline στοιχεία και κείμενο, και αγνοεί τις αλλαγές μεγέθους μέσω width και height (εφαρμόζονται μόνο padding και margin οριζόντια).

Παραδείγματα:

Μπλοκ: div, p, h1, section. Inline: span, a, strong, em.