JSFiddle - React, Tailwind, and code Playground

HTML

<div id='page-nav'>

            <button id=left><</button>



 <button>1</button>
        <button>2</button>
        <button>3</button>
        <button>4</button>
        <button>5</button>

        <button id="right">></button>
     
     <span class="stretch"> </span>

</div>

CSS

#page-nav{
    width:400px;
    border:1px solid;
    text-align: justify;
}
.stretch {
	width:100%;
	height:1em;
	display:inline-block;
}