JSFiddle - React, Tailwind, and code Playground

HTML

<div id='page-nav'>
    <button id=left>
        <</button>
            <div id="mid">
                <button>1</button>
                <button>2</button>
                <button>3</button>
                <button>4</button>
                <button>5</button>
            </div>
            <button id="right">></button>
</div>

CSS

#page-nav {
    width:400px;
    border:1px solid;
    height:25px;
    text-align:center;
}
#right {
    float:right;
    display:inline-block;
}
#mid {
    display:inline-block;
}
#left {
    float:left;
    display:inline-block;
}