JSFiddle - React, Tailwind, and code Playground

HTML

<form>
		<p>
			<label for="a">Short label:</label>
			<input id="a" type="text">
		</p>
		<p>
			<label for="b">Very very very long label:</label>
			<input id="b" type="text">
		</p>
	</form>

CSS

form  { display: table;      }
	p     { display: table-row;  }
	label { display: table-cell; text-align: right}
	input { display: table-cell; }