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
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;
}