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

Como testar o Display.

O meu código original está assim, com a classe icones-social. Si eu tirar o -block, não acontece nada.

.icones-sociais li{
    display: inline-block;
}

Porem se eu colocar o código assim realmente ficam todos na mesma linha

li{
display: inline;
}

Testei apenas na lista do footer e funcionou. =D

3 respostas
solução!

Olá, Renato.

As propriedades de alinhamento do CSS será um dos maiores desafios que você terá no momento que você estiver fazendo as suas telas com CSS.

É realmente importante você aprender cada uma delas:

  • display: inline;
  • display: block;
  • display: inline-block;
  • float: left;
  • float: right;
  • position: absolute;
  • position: relative;
  • position: fixed;
  • position: static;

E também as novas propriedades de alinhamento:

  • display: flex;
  • display: grid;

Sobre os curso que tem na Alura, recomendo você dar uma olhada no curso de display: flex do Yuri Padilha: Flexbox: Posicione elementos na tela

Se quiser um material de apoio das propriedades antigas tenho uns vídeos no YouTube sobre elas: Pare de chutar e aprenda as propriedades de posicionamento do CSS

Muito obrigado Marco ! Irei reforçar os estudos !

Show! Bons estudos