JSFiddle - React, Tailwind, and code Playground

HTML

Button:
<button>
<span>A</span>
<span>B</span>
</button>

<br>
Div:
<div>
<span>A</span>
<span>B</span>
</div>

CSS

button,div {
  display:grid;
  grid-template-columns: 50px 50px;
}

/* Nevermind these, they're just for a consistent display */
button,div {
  border: 0;
  background-color:gray;
  color: black;
  width:100px;
  text-align:center;
  font-family:sans-serif;
  font-size:14px;
  padding:0;
}