JSFiddle - React, Tailwind, and code Playground

by k_rma

HTML

<div class="circle">
    <a>1</a>
    <a>2</a>
    <a>3</a>
    <a>4</a>
</div>

CSS

.circle a{
background-color: #ccc;
width: 25px;
height: 25px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 10px;
overflow: hidden;
position: relative;
    padding:0px 5px;
}