How can I print a dollar symbol inside(or before) the input box?

Question

The field below retrieves hourly pay rate from user input. How can I display a "$" sign inside (or before) the input field where the user types in the hourly pay rate?

<tr>
<td>Hourly Pay Rate</td>
<td><input type = "number" name = "HPR" min="0" step="0.01"  required></td>
</tr>

Answer 1

.dollar{
	display:inline-block;
	position: relative;
	}
.dollar input{
	padding-left:15px;
	}
.dollar:before {
	position: absolute;
    content:"$";
    left:5px;
	top:2px;
 	}

<div class="dollar"><input type="number"></div>