JSFiddle - React, Tailwind, and code Playground

by Artur Stambultsian

HTML

<ul>
    <li>
        <a href="#">1</a>
    </li>
</ul

CSS

ul {
    list-style: none;
}
ul li {
    float: left;
}
ul li a {
    font-family: arial;
    font-weight: bold;
	font-size: 24pt;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 32px 0;
    width: 100px;
    height: 100px;
    background: grey;
    text-decoration: none;
    border-radius: 50px;
}