no meu caso eu coloco o display: inline-blok porém de nenhuma forma os botões de link deitam ficam sempre enfileirados, porém quando retiro o
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
no meu caso eu coloco o display: inline-blok porém de nenhuma forma os botões de link deitam ficam sempre enfileirados, porém quando retiro o
Olá, bom dia Jovino. O enunciado do seu post não ficou muito claro, conseguiria melhorar um pouco a explicação da sua dúvida ?
Pelo que entendi você quer que os botões fiquem assim ?
Ícone 1 Ícone 2 Ícone 3
Se for dessa forma, você deve criar uma classe .icones-redes-sociais e colocá-la na tag <ul> dos ícones. Daí você especifica que os itens <li> dessa <ul> devem ser mostrados como blocos de uma mesma linha display: inline-block;:
HTML:
<nav> <!-- Botões de Navegação -->
<ul>
<li>Botão de Navegação 1</li>
<li>Botão de Navegação 2</li>
<li>Botão de Navegação 3</li>
</ul>
</nav>
<ul class="icones-redes-sociais">
<li>Ícone 1</li>
<li>Ícone 2</li>
<li>Ícone 3</li>
</ul>CSS:
.icones-redes-sociais li
{
display: inline-block;
}