Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Number Badge
badges
CSS
Reset
Copy
.badge { background: #ef4444; color: white; width: 20px; height: 20px; border-radius: 50%; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
Live Preview
Badge
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.