JSFiddle - React, Tailwind, and code Playground

HTML

<form action="http://cache.newsana.com/orig/535f9984c97ab.jpg">
		<div class="field"><label>Demo Field</label><input type="text" pattern="[a-zA-Z0-9]+" /><pre>Can be Aplhanumeric, No special characters allowed</pre></div>
		
		<div class="field"><input type="submit" value="Submit Form" /></div>
	</form>

CSS

label{width:150px;display:inline-block;}
		.field{margin: 10px;padding: 10px;}
		.field input{margin-left: 20px;border: 1px solid #0099cc;padding: 4px;width:150px;}
		.field pre{display: inline;padding-left: 20px;}
		.field input[type='submit']{background: #0099cc;border: 2px solid #000;color:#fff;font-weight: bold;}
		label em{font-size: 13px;}