JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <input type="text" value="Text">
  <input type="text" placeholder="Text">
  <span>Text</span>
</div>

CSS

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

div {
  line-height: 50px;
  font-family: Arial;
}

input, span {
	border: 2px solid red;
	display: inline-block;
	font: 50px Arial;
	height: 60px;
	line-height: 60px;
	padding: 0;
	vertical-align: middle;
	width: 100px;
}
input {
    padding-top: 3px;
}