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;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
	}

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