Display: block width / height

Sempre ocupam toda a largura possível de tela e começam em uma nova linha, mesmo definindo w/h. text-align:center; works

div

h1, h2...

section

Display: inline não define width / height

Usam somente o espaço necessário e não precisam começar em uma nova linha, desconsiderar aplicar margin/padding para top/bottom até funciona contúdo vai sair fora do fluxo, use only left/right properties on Margin and Padding. Não tem espaço para ser centralizado.

code span

a code

E.g: menu de links default display is inline:

block sendo aplicado:

Display: inline-block vs block width / height

Muito usado para criar menus, elemento fica inline e block ao mesmo tempo span
span inline-block span inline-block

lisy one

para