display: block
means that the element is displayed as a block, as paragraphs and headers have always been. A block has
some whitespace above and below it and tolerates no HTML elements next to it, except when ordered otherwise (by
adding a float
declaration to another element, for instance).
display: inline
means that the element is displayed inline, inside the current block on the same line. Only
when it's between two blocks does the element form an 'anonymous block', that however has the smallest possible
width.
display: none
means that the element is not displayed at all (so you won't see it in the example either).