Bloco (CSS)

Um bloco em uma página web é um elemento HTML que aparece em uma nova linha, Isto é, abaixo do elemento precedente em um modo de escrita horizontal e acima do elemento seguinte (comumente conhecido como um elemento de nível de bloco - block-level element). Por exemplo, <p> é por padrão um elemento em nível de bloco, enquanto <a> é um elemento inline — você pode colocar vários links próximos uns dos outros em seu HTML e eles ficarão na mesma linha como qualquer outro na saída renderizada.

Usando a propriedade display você pode alterar a forma como um elemento é exibido, como inline ou como bloco (entre muitas outras opções); blocos também estão sujeitos aos efeitos de esquemas de posicionamento e uso da propriedade position.

Saiba mais

Conhecimento geral