Place icon inside HTML input element using CSS

Hi All, I am having a table like below I wanted to align the span values as right align but its not aligning

for Example the input Password has a span element Forgot

similarly I want for Username maintaining the input width same for all...

I want to add the value "@" in Username similar to forgot.

<table>
    <tr>
        <td><input type="text"><span>1000</span></td>
        <td><input type="text"><span>%</span></td>
    </tr>
</table>

CSS:

td span
{
    float:right;
    position:absolute;
    margin-left:-35px;
    text-align:right;
}
td span:first-child
{
    float:left;
    color:red
}

Regards, Sowmia