JSFiddle - React, Tailwind, and code Playground

by c2webdev

HTML

<div class="field-missed">
				<label for="name">Field missed style</label>
				<input type="text" name="name" id="name" size="30" />
				</div>
                <div class="holder">
				<label for="name">normal field</label>
				<input type="text" name="name" id="name" size="30" />
				</div>
                <div class="holder">
				<label for="name">another normal field</label>
				<input type="text" name="name" id="name" size="30" />
				</div>

CSS

.field-missed   {border:2px solid #ec008c; padding:6px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;margin-top:10px;margin-bottom:10px}

.holder {margin-top:10px;margin-bottom:10px}