[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?