JSFiddle - React, Tailwind, and code Playground

by jnbdz

HTML

<div>
<ul>
    <li class="start"><button>Left</button></li>
    <li class="end"><button>Right</button></li>
    <li class="playpause"><button>Center</button></li>
</ul>
</div>

CSS

div {
    width: 700px;
}
ul {
    margin: 0;
    list-style: none;
    width: 100%;
}
li {
   
}
.start {
    width: 52px;
    float: left;
}
.playpause {
    margin: 0 52px;
    text-align: center;
}
.end {
    width: 52px;
    float: right;
}