DISPLAYS

Display: block

Cada item ocupa 100% da largura disponível. Elementos de blco sempre quebram a linha.

Item 1
Item 2
Item 3

Display: inline

Elementos em linha. Ficam um ao lado do outro, respeitam apenas a largura do conteúdo e não aceitam largura ou altura personalizada.

Item 1
Item 2
Item 3

Display: inline-block

Semelhante ao inline, mas permite definir width e height. Fica em linha, mas com controle de tamanho

Item 1
Item 2
Item 3

Display: none

O elemento simplesmente desaparece da tela e não ocupa nenhum espaço

Item 1
Item 2
Item 3