I can go back to using margin.
If I didn’t want to use text-align:center, and I wanted to put the button over in a different spot, is there something I can use besides that? https://jsfiddle.net/ts5dfdnx/2/
<div style="display:block; width: 89px; height:24px; background-color:orange; border-top-left-radius:50px;border-bottom-left-radius:50px;margin: 0px 0px 0 0px;text-align:center">
<button style="cursor: pointer; background-color:transparent;padding-bottom:1px;"
onclick="document.getElementById('player').play()">Play</button>
</div>