Cómo crear: insignia

Aprende a crear insignias con CSS.

Las insignias se pueden usar para agregar información adicional a elementos/contenidos:

Título de ejemplo Nuevo

Título de ejemplo Nuevo

Título de ejemplo Nuevo

Título de ejemplo Nuevo

Prueba por tu cuenta

Cómo crear una insignia

Paso 1 - Añadir HTML：

<span class="badge">Nuevo</span>

Paso 2 - Añadir CSS：

.badge {
  background-color: red;
  color: white;
  padding: 4px 8px;
  text-align: center;
  border-radius: 5px;
}

Prueba por tu cuenta