Cómo crear: Nube de etiquetas CSS

Aprende a usar CSS para crear una nube de etiquetas.

Ford Volvo BMW Tesla Nissan Toyota Saab Porsche VW Fiat Honda

Prueba por tu cuenta

Cómo crear una nube de etiquetas

Primer paso - Añadir HTML:

<span class="tag-cloud">Volvo</span>
<span class="tag-cloud">BMW</span>
<span class="tag-cloud">Tesla</span>
<span class="tag-cloud">Nissan</span>
<span class="tag-cloud">Toyota</span>
<span class="tag-cloud">Saab</span>
<span class="tag-cloud">Porsche</span>
<span class="tag-cloud">VW</span>
<span class="tag-cloud">Fiat</span>

Segundo paso - Añadir CSS:

.tag-cloud {
  display: inline-block;
  color: white;
  padding: 8 px 20 px;
  border-radius: 25 px;
  background-color: #2196F3;
  margin-top: 8px;
}

Prueba por tu cuenta