JSFiddle - React, Tailwind, and code Playground

HTML

<div class='container'>
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='prev' value='prev' />
    <input type='button' class='next' value='next' />
    <input type='button' class='next' value='ss' />
    <input type='button' class='finish' value='finish' />
</div>

CSS

.container {
    text-align: center;
}

input {
    padding: 4px;   
    width: 100px;
    display: inline-block;
}

.next {
    
}

.prev {
    float: left;
}

.finish {   
    float: right;
}