JSFiddle - React, Tailwind, and code Playground

by salman

HTML

<div class="pagination">
    <a href="#">&lt;&lt;</a>&nbsp;
    <a href="#">1</a>&nbsp;
    &nbsp;2&nbsp;
    <a href="#">3</a>&nbsp;
    <a href="#">&gt;&gt;</a>&nbsp;
</div>

CSS

.pagination {
}
.pagination a, .pagination b {
    display: inline-block;
    border: 1px solid;
    padding: 2px 10px;
    color: #069;
}
.pagination a {
    text-decoration: none;
}
.pagination b {
    color: #FFF;
    background-color: #069;
}

JavaScript

$(function () {
    $(".pagination").contents().filter(function () {
        return this.nodeType === Node.TEXT_NODE && /\d+/.test(this.nodeValue);
    }).wrap("<b></b>");
});