Tarjeta De Identificación 🔧 Ejemplo: Título de la placa horizontal html Cop

✅ Insignia horizontal con descripción (HTML + CSS) html Copiar edición<div class="badge-box"> <div class="badge-label">Mejor vendedor</div> <div class="badge-description">Este producto es nuestro artículo más popular este mes!</div> </div> <style>.badge-box { display: flex; alinear-items: center; fondo-color: #f4f4f4; borde-izquierda: 6px sólido #28a745; relleno: 10px 15px; borde-radio: 8px; ancho máximo: 400px; margen: 10px ; font-family: Arial, sans-serif; } .badge-label { font-weight: bold; color de fondo: #28a745; color: blanco; relleno: 6px 12px; radio de borde: 20px; margen derecho: 12px; tamaño de letra: 14px; espacio blanco: nowrap }; descripción del botón { tamaño de letra: 14px; color: #333; }</style>🧾 Ejemplo de salida: | 🟩 mejor vendedor | ¡Este producto es nuestro artículo más popular este mes! | ¿Le gustaría que esto apareciera automáticamente en todos los productos, sólo algunos, o tal vez en su página de inicio? También, avísenme la ubicación (por ejemplo, sobre la imagen del producto, dentro de la tarjeta, debajo del título) y el idioma si lo desea traducido. Dijiste: tienes una tienda online de dispad por favor Horizontal Badge tags ChatGPT dijo:・