Crachá Exemplo 🔧: Edição de Cópia html do Título do Crac

✅ Crachá Horizontal com Descrição (HTML + CSS) html Copy Edit<div class="badge-box"> <div class="badge-label">Best Seller</div> <div class="badge-description">Este produto é o nosso item mais popular este mês!</div> </div> <style>.crachá-box { display: flex; sintomas de alinhamento: centro; cor de fundo: #f4f4f4; borda-esquerda: 6px sólido #28a745; preenchimento: 10px 15px; raio de borda: 8px; largura máxima: 400px; margem: 10px auto; família de fontes: Arial, sans-serif; } .crachá-label { font-weight: bold; background-color: #28a745; cor: branca; estofo: 6px 12px; border-raio: 20px; Margel-right: 12px; font-size: 14px; white-space: nowrap; } .crachá descrição { font-size: 14px; color: #333; }</style>🧾 Exemplo de saída: | 🟩 Melhor Vendedor | Este produto é o nosso item mais popular este mês! | Você gostaria que isto apareça automaticamente em todos os produtos, apenas alguns, ou talvez na sua homepage? Além disso, avise-me o local (por exemplo, imagem do produto acima, dentro, título abaixo) e o idioma, se você quiser que ele seja traduzido. Você disse: você despachou a loja online por favor as etiquetas de Crachá Horizontais ChatGPT disseram: ​