Solucionado
Eu ainda não assimilei muito bem a propriedade "display".
Poderiam me explicar para que serve e quando é mais útil em usa-lo?
Vou falar mais ou menos o que eu entendi e vocês me corrijam se eu estiver errado, por favor!
display:block;Ele serve para o conteúdo ter uma linha própria;
display:inline-block;Serve para quando você alterar a altura e a largura do conteúdo.
display:inline;Ele eu não entendi muito, mas, acho que ele ficara em linha. Exemplo: 1,2,3. Em vez de
1
2
3
Esqueci de mencionar...
Essa propriedade é usada apenas para lista?
Exemplo:
<ul>
<li>Verde</li>
<li>Vermelho</li>
</ul>Agradeço ! :)
Boa tarde, Allan. Quanto a função básica deles, você está correto. Basicamente é isso que eles fazem mesmo, inclusive o inline, o objetivo dele é deixar os elementos formatados como linha mesmo, como você achou.
E respondendo a outra pergunta: não é limitado a listas não. Você pode por exemplo ter o seguinte código dentro de body:
<p>Somos</p>
<p>uma</p>
<p>linha!</p>Se você criar no seu arquivo css:
p {
display: inline;
}A saída será:
Somos uma linha!Então é possível utilizar o display com outros elementos se quiser. Bom, acho que é isso. Espero que tenha ajudado, abraço :)