A propriedade display permite que você defina a maneira como determinado elemento HTML deve ser renderizado. Ver também Especificações do W3C .
A propriedade CSS display especifica o tipo de caixa de renderização usada por um elemento. No HTML, os valores padrões da propriedade display são feitas a partir do comportamento descrito nas especificações HTML ou da folha de estilo padrão do navegador/usuário.
inline-block: exibe um elemento HTML como um contêiner de bloco de nível inline. O interior deste bloco é formatado como caixa de nível de bloco e o elemento em si é formatado como uma caixa de nível in-line. Sintaxe: display: inline-block; none: elemento que "esconde" um elemento HTML como se não existisse.
O navegador define cada elemento <li> como display: block. Por este motivo, cada elemento está um embaixo do outro. Mas para implementarmos o nosso desafio, precisamos deixar os três elementos um do lado do outro. Para fazer isso, é só definir cada tag <li> com o valor inline na propriedade display.
Eduardo a diferença é que elementos com display: inline; não pode ser definido height e width para eles, ao contrário do display: inline-block os elementos aceitam que seja definido os respectivos atributos css.
27 curiosidades que você vai gostar
A diferença básica entre o inline e block é que o navegador acomoda os elementos de bloco um abaixo do outro e os inline à esquerda um ao lado do outro.
A propriedade display: inline faz com que o elemento HTML seja renderizado inline, dentro do bloco na mesma linha. Quando o elemento encontra-se entre dois blocos ele forma o chamado bloco anônimo e é renderizado com a menor largura possível.
A propriedade CSS line-height permite controlar o espaçamento entre as linhas de um texto. A distância é medida entre as linhas de base (baseline) de duas linhas consecutivas.
O CSS display table faz com que o elemento tenha as características de uma tabela. Ela funciona de forma semelhante à definição de tabelas por código HTML, entretanto, a formatação é feita por meio de propriedades CSS. Portanto, o valor display igual a table indica a estrutura da tabela.
Como saber quem negativou CNPJ?
O que altera no hemograma quando está grávida?
Como saber quais são as promessas de Deus para minha vida?
O quê anemia ferropriva pode causar?
Qual é a textura do meu cabelo?
Como colocar o código da operadora automático?
O que fornece mais energia carboidratos ou lipídios?
É possível ovular só de um lado?
Como saber se é dermatite ou alergia?
Como saber se o hardware está com problema?
Como diagnosticar a narcolepsia?
Como descobrir a profissão certa para mim?
Onde ficam os rins nas costas?
Como saber o itinerario de uma linha de ônibus?
O que caracteriza uma pessoa humilde?
Tem como saber de onde foi feito um depósito?
Porque uma pessoa se torna carente?