I have a box with a fixed width and would like to left align the dollar sign but right align the amount.
HTML
<div class="dollarAmount">80,500</div>
<div class="dollarAmount">1,150,000</div>
css
.dollarAmount:before {content: "$ ";text-align:left}
.dollarAmount{width:80px;border:1px solid #ccc;text-align:right}
I've created a JSFiddle
Thanks