My table has th elements with a text-align: left property. I tried to override this with text-align: center in my CSS, but it's not working. Can anyone suggest a reason why? Here is my table:
<table class="days_table" align="center">
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th class="last_cell"></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td class="last_cell"></td>
</tr>
</tbody>
</table>
Here is my CSS:
td, th {
border-right: 1px solid gray;
border-right-style: dotted;
text-align: center;
}
For reference, here is my fiddle: