::first-letter pseudo-element not working in firefox

Question

I cannot for the life of me figure this one out. I just want to style the dollar sign to be a different color and I would like to avoid using another element around the dol

Answer 1

Others already explained why it doesn't work, so, a small fix for you to consider: give your money div a class, eg

David Wilcox 
5,849,48784

take out the literal $, and put it in :before content, eg:

.money:before {
    content: '$';
    ...
}

Now you can style it however you like.