A propriedade display é a mais importante para controlar o layout.
A propriedade display especifica se/como um elemento é exibido.
Todo elemento HTML tem um valor display padrão, dependendo do tipo de elemento. O padrão para a maioria dos elementos é block ou inline.
Como mencionado anteriormente, todo elemento tem um valor display padrão. Contudo, é possível substituir isso.
Alterar um elemento inline para bloco , ou vice-versa, pode ser útil para fazer com que a página tenha uma aparência específica, e ainda siga os padrões da web.
Um exemplo comum é fazer elementos <li> inline para criar menus horizontais:
li {
display: inline;
}
Nota: Definir a propriedade display de um elemento altera apenas como o elemento é exibido, NÃO o tipo de elemento. Então, um elemento inline com display: block; não pode ter outros elementos de bloco dentro dele