Duda sobre etiqueta display en lista no ordenada

[alvaaz]

Saludos comunidad,

Tengo una duda al respecto de el siguiente código, estoy creando una página y me topo con un problema, he buscado pero no he podido aclararlo, espero que alguno de ustedes pueda ayudarme.

El siguiente código hace de barra de navegación:

Código HTML:

<ul>
<li><a href="#">Acerca de</a></li>
<li><a href="#">Historia</a></li>
<li><a href="#">Contacto</a></li>
<li><a href="#">Tienda</a></li>
</ul>
 

Ahora esta lista no ordenada quiero que aparezca en horizontal, por lo que encontré se puede utilizar la etiqueta display con su valor inline, pero mi duda es:

¿A que etiqueta le añado tal propiedad? ¿a "<ul>" o "<li>"? he visto algunas páginas que se la agregan a las dos, yo probando y borrando se la agregue sólo a "<li>", de esta forma:

HTML

Código HTML:

<ul>
<li class="inline"><a href="#">Acerca de</a></li>
<li class="inline"><a href="#">Historia</a></li>
<li class="inline"><a href="#">Contacto</a></li>
<li class="inline"><a href="#">Tienda</a></li>
</ul>
 

CSS

Código CSS:

li.inline{
    display: inline;
}
 

y funcionaba, no entiendo porque algunos le ponen el atributo a "<ul>" y a "<li>", esa es mi duda, ¿cómo estaría correcto? y ¿porque?