Edit in JSFiddle

<table data-i2="css:['.fromNumber','.toNumber'],suffix:' $'">
    <tr>
        <td>Coke</td>
        <td data-i2="number:1.55"></td>
    </tr>
    <tr>
        <td>Beer</td>
        <td data-i2="number:7"></td>
    </tr>
    <tr>
        <td>Monthly Pass</td>
        <td data-i2="number:112"></td>
    </tr>
    <tr>
        <td>Rent Apartment</td>
        <td data-i2="number:1720"></td>
    </tr>
    <tr>
        <td>Buy Car</td>
        <td data-i2="number:65784"></td>
    </tr>
    <tr>
        <td>Buy Apartment(Center)</td>
        <td data-i2="number:1032150"></td>
    </tr>
</table>
.fromNumber {
    font-size: 15px;
    color:#888888;
    font-weight:300;
}
.toNumber {
    font-size: 50px;
    color:#1A5600;
    font-weight:800;
}
table tr td:last-child
{
    padding-left: 20px;
    text-align:right;    
}
i2.emph();