If I include this in a table cell:
<td style="text-align: right; font-style: italic; color: maroon;">...
the contents of the cell are aligned as I expect.
If I include the following CSS:
.right-notice { text-align: right; font-style: italic; color: maroon; }
and this cell:
<td class=".right-notice">...
the contents of the cell are not right aligned.
Why is this? What don’t I know?
If I change the CSS to replace text-align with float, that works.
Thanks.
You have a class selector that matches
right-alignbut your class name is.right-alignWhile it is possible to match a class name that includes a
.character, it would make more sense to change the name of the class.While you are at it you should change the class name to describe meaning instead of presentation.