Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Qual a função da propriedade display (inline, block e inline-block?

Gostaria de saber qual a utilidades de cada uma delas e como inseri las no código de maneira consciente?

Se alguém puder mandar um exemplo

Valeu

4 respostas
solução!

Olá Douglas

Melhor explicação que posso fornecer foi dada pelo mestre Maujor: http://www.maujor.com/tutorial/propriedade-css-display.php

Explica tudo, compatibilidade,exemplos e diferenças. Espero ter ajudado :D

Ola Douglas

Eu estava vendo isso ontem aqui no Alura, tem uma aula de html e css exatamente sobre esse assunto:

https://cursos.alura.com.br/course/introducao-html-css/task/5408

basicamente é isso:

quando você passa a regra display:block o elemento fica empilhado enquanto que display:inline ele fica alinhado (no meio do texto). Experimente com:

* 
{
display:block;
}

todos os elementos vão ficar empilhados

* 
{
display:inline;
}

todos os elementos ficam um do lado do outro

o inline-block ja é mais complicadinho de explicar, ai recomendo dar uma olhada na aula.

Espero ter ajudado

Douglas,

Aqui na Alura temos cursos de front-end que te ensinam eles na prática.

Nessa aula aqui o instrutor fala deles.

Abcs!

Obrigado a todos pela request