Struggling for Competence

CSS Block verses Inline

All elements in CSS have one of three display types. The characteristics of these types are:

Each HTML tag has a natural display type, which can be overridden with the CSS display property.

Display types for common Html tags

The difference between display:none and visibility:hidden, is that a display:none element takes up no space on the page, whereas an visibility:hidden element still uses space - you just can't see it.