JSFiddle - React, Tailwind, and code Playground

by highonryan

HTML

<div class="gcore-input-wide gcore-display-table" id="fin-donationamount">
	<input name="donationamount" id="donationamount" value="" placeholder="5.00 or more" class="donationamount validate[&#039;required&#039;,&#039;digit&#039;] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="Please do not enter the $ symbol" type="text" />
</div>

CSS

#fin-donationamount {
     position: relative;
}

#fin-donationamount input {
    height:20px;
    margin-left:10px;
 }
 #fin-donationamount::before {
     position: absolute;
     content:"$";
     top:5px;
 }