Tengo una lista así:
Código: Seleccionar todo
<ul id="llista_imatges">
<a href="warhammer.html"><img src="imatges/warhammer.jpg" alt="Warhammer" class="imatge_de_tira"></a>
<a href="magic.html"><img src="imatges/magic.jpg" alt="Magic" class="imatge_de_tira" ></a>
<a href="musica.html"><img src="imatges/musica.jpg" alt="Música" class="imatge_de_tira" ></a>
<a href="jocs.html"><img src="imatges/jocs.jpg" alt="Jocs" class="imatge_de_tira" ></a>
</ul>
CSS:
#llista_imatges {
list-style-type: none;
display: inline;
}
Esto no cumple los estándares porque cada entrada tendría que estar englobada por <li>; pero si pongo <li> me aparece la lista en horizontal y cada elemento de la lista tiene un · (esto he conseguido quitarlo con CSS).
¿Sabéis cómo se podría hacer esta lista en horizontal?
Edito: He probado haciendo en CSS display: inline; y no funciona