JSFiddle - React, Tailwind, and code Playground

by jimousse

HTML

<div class="one">
	<button class="two">
		<span class="three">
			Hello
		</span>
	</button>
</div>

CSS

.one {
  height: 100px;
  width: 200px;
  border: 1px solid black;
}

.two {
  height: 100%;
  width: 100%;
  background: red;
  display: flex;
  flex-direction: column;
}

.three {
  flex-grow: 1;
  background: yellow;
}