JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inline-block">
  <button>test</button>
</div>
<br>
<div class="block">
  <button>test</button>
</div>

CSS

.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
button  {
  margin: auto;
  display:block;
}