How To Make a Badge with CSS

Learn how to create a badge with CSS

How To Create a Badge

Badges can be used to add additional information to an element/content:

Step 1) Add HTML:

Step 2) Add CSS:

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

Email:

Content: