JSFiddle - React, Tailwind, and code Playground

by chriswt

HTML

<div id="carousel_pag" class="pagination">
<a href="#" class="selected">
    <span>1</span>
    </a>
</div>

CSS

div.pagination {
padding: 10px 40px 0 0;
text-align: center;
height: 15px;
display: block;
}

.pagination {
position: relative;
}

element.style {
background-color: #2b3d4f;
}
div.pagination a.selected {
background-position: -25px -300px;
cursor: default;
}
div.pagination a {
background-color: #2b3d4f;
width: 15px;
height: 15px;
margin: 0 5px 0 0;
display: inline-block;
}

div.pagination a span {
display: none;
}