JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>Я не распираю своего родителя по вертикали.</span></div>
<div><button>А я - распираю.</button></div>

CSS

div {
  margin: 1em;
  background-color: red;
}

button { /* reset */
  border: none;
  padding: 0;
  box-sizing: content-box;
  background: none;
  font-size: 1em;
  display: inline;
  font-family: serif;
}

span, button {
  padding: 1em;
  background-color: green;
}