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

What worked for me now is:

CSS:

.right {
  text-align: right;
  margin-right: 1em;
}

.left {
  text-align: left;
  margin-left: 1em;
}

HTML:

See the following fiddle:

http://jsfiddle.net/Joysn/3u3SD/