JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<button><div>button 1</div></button>
<button><div>button 2</div></button>
<span><div>span 1</div></span>
<span><div>span 2</div></span>

CSS

button,
span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 100%;
  background: red;
  border: none;
  
  /* uncomment to fix gap */
  /* vertical-align: top; */
}

div {
  overflow: hidden;
}