Comment le style de l'UL de la liste en une seule ligne

Question

Je veux rendre cette liste en une seule ligne.

• Liste item1
• Liste item2

Doit être présenté comme

*Liste item2 *Liste item2

Quel style CSS à utiliser?

Answer 1

ul li{
  display: inline;
}

Pour plus d'informations, voir la liste de base d'options et à base horizontale liste à listamatic. (merci à Daniel Droite ci-dessous pour les liens).

Aussi, comme l'a souligné dans les commentaires, vous voudrez probablement le style sur l'ul et ce que les éléments à l'intérieur de la li et li eux-mêmes pour obtenir les choses à l'air sympa.

Answer 2

Code HTML:

<ul class="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

Le code CSS:

ul.list li{
  width: auto;
  float: left;
}

Answer 3

Beaucoup d'options à Listamatic.

Voici un très de base horizontale de la liste.

Answer 4

Si vous voulez utiliser quelque chose de différent de la valeur par défaut de la numérotation des listes ordonnées ou les balles/disques de listes non ordonnées, alors tout ce que vous avez à faire est de choisir un style différent pour vos listes. CSS permet de choisir parmi une large variété de différents élément de la liste des formes.

http://www.handycss.com/how/how-to-style-a-list-of-code-in-css/