Hacer que una lista de elementos se coloque como una frase separada por comas

Cuando tenemos una lista de cosas en HTML se hace con el famoso ul > li.

En algunos casos puede que queramos que en lugar de aparecer por bloques se componga en una frase donde cada elemento se separa del otro por una coma. Obviamente haciendo que al final no haya coma.

Para ello el código que necesitamos es:

.post-categories {
  display: inline;
  list-style: none;
}
.post-categories li {
  display: inline;
}
.post-categories li:after {
  content: ", ";
}
.post-categories li:last-child:after {
    content: "";
}

Sacado (como no) de stackoverflow

Suscribirte
Notificación de
guest

0 Comments
Inline Feedbacks
View all comments

+ SIGUE NAVEGANDO

Pangea – 5 razones para una Internet ética y solidaria

https://pangea.org/es/5-razones-2/…

Hackermoms – Welcome to the Mothership

Me encanta el Failure Club. Origen: Hackermoms – Welcome to the Mothership…

Construyendo Comunidades del Común en Grecia

A propósito de Redes Libres Comunitarias (proyecto que estaré investigando en el #LABiCBR), uno de los temas que más vengo trabajando últimamente, he encontrado (gracias a la siempre atenta Carmen Lozano desde Goteo), una iniciativa genial desde Sarantaporo, Grecia. La idea, sencilla como poderosa: poder construir redes comunitarias para la conexión entre comunidades de Grecia. La explicación que…