Badge

<div class="badge">
...
</div>
.badge {
/* Center the content */
align-items: center;
display: flex;
justify-content: center;
/* Colors */
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
/* Rounded border */
border-radius: 9999px;
height: 32px;
width: 32px;
}
1

See also

Centering

PN

Initial avatar