display no CSS

display no CSS

A propriedade display controla como o elemento aparece no layout.
Exemplos:display: block;


Ocupa a linha toda. → display: block;

Fica na mesma linha, ocupa só o conteúdo. → display: inline;

Fica na linha, mas aceita largura e altura. → display: inline-block;

Esconde o elemento. → display: none;

Muitos elementos HTML já vêm com display padrão:

div = block
span = inline
img = inline-block (comportamento especial)