JSFiddle - React, Tailwind, and code Playground

by Egor Makarenko

HTML

<div class="basecont">
<div title="Назад" class="button" onclick="alert('Назад');"></div>
    
<div class="navigation">
    <span>1</span><a href="http://127.0.0.1/sat/2/page/2/">2</a><a href="http://127.0.0.1/sat/2/page/3/">3</a>
</div>
    
<div title="Вперёд" class="button" onclick="alert('Вперёд');"></div>
</div>

<style>
.button {
    width:29px;height:29px;background:blue;display:inline-block;
}
    
.navigation {
    vertical-align:top;
    display: inline-block;
    height:29px;
    min-width:29px;
}

.navigation span, .navigation a {
    margin-left:2px;
    margin-right:2px;
    text-align:center;
    background: #cccccc;
    color: #7bc4eb;
    width:29px;
    height:25px;
    text-decoration: none;
    display: inline-block;
    padding:4px 0px 0px;
}

.navigation span {
    background: #FF0000;
}
    
</style>