align right in a table cell with CSS

Question

I have the old classic code like this

which does what it says: it right aligns the content in the cell. So if I

Answer 1

Don't forget about CSS3's 'nth-child' selector. If you know the index of the column you wish to align text to the right on, you can just specify

table tr td:nth-child(2) {
    text-align: right;
}

In cases with large tables this can save you a lot of extra markup!

here's a fiddle for ya.... https://jsfiddle.net/w16c2nad/