The display property dictates how an element renders in the document flow and behaves with sizing.
1. Core Display Values
⊞Code Example
.badge {
display: inline-block;
padding: 4px 12px;
background-color: #04AA6D;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: bold;
}