[Dúvida] - Criando Menu Horizontal
Boa Noite meus queridos !
Me encontrei em uma dúvida meio que besta mais como acredito que não existe dúvidas bestas estou criando este tópico.
Agradeço a todos que poderem estar compartilhando vossos conhecimentos.
Eu crio Menus Horizontais da seguinte forma.
Html
<nav id="menu">
<ul>
<li> <a href="#">Home</a></li>
<li> <a href="#">Produtos</a></li>
<li> <a href="#">Serviços</a></li>
<li> <a href="#">Contato</a></li>
</ul>
</nav>
CSS
#menu{
width:100%;
background-color:#111;
padding:18px 8%;
}
#menu ul{
list-style:none;
}
#menu li{
display:inline;
}
Mais hoje eu vi um colega meu fazendo da seguinte maneira, o HTML continua o mesmo nos dois casos o que muda é o CSS.
CSS
#menu{
width:100%;
float:left;
background-color:#111;
padding:18px 8%;
}
#menu ul{
list-style:none;
}#menu li{
float:left;
}
Minha dúvida está no #menu li {float:left;} & #menu li{display:inline;}
A única diferença que notei foi que no display:inline; Temos um espaçamento esquerdo padrão e com o float:left; não ocorre o mesmo.
Seria só isso?
Acredito que com o float:left; teriamos mais controle sobre as lista em relação ao espaçamento.
Te mais alguma diferença? em relação a boas práticas, o que é recomendado?
Discussão (2)
Carregando comentários...