无法从外部样式表样式化TD元素

Question

I'm trying to port code over from using inline css to using a stylesheet and as I'm pretty much a total css noob I'm having trouble.

Most of the things I've moved over to external have worked fine, but I can't seem to get TD elements to use styles defined in the stylesheet. Here's an example:

<td class="text_right">...</td>

.text_right {
text-align: right;
}

Why doesn't that work?

Answer 1

That should work, however bear in mind that your <td> element should have some dimensions, otherwise it will be as wide as the content.

Check this for a demo

Answer 2

<td class="text_right"><a>...</a></td>    

.text_right {
text-align: right;
width: 300px;
}

that should work , put you text in <a> tags

Answer 3

Try using !important . Like this ;

.text_right {
text-align: right !important;
}

if you still see it not aligned please check css for that element overridden rules (with chrome or opera) by right click and investigate