Text-align property processing by 2012 and older platform browsers
Text-align style attribute is by default applied only for block-level elements. When the parent element has the text-align parameter set, and the child is a table, the result differs between 2012 and older platforms.
Text-align style is not applied to the child table.
Figure 1. Webkit - table aligned to the left despite the style text-align: right
In order to align the table inside the parent element, use the align table attribute.
Note
The files needed for the sample application are here.
<div style="text-align: right; background-color: orange;">
<table border="1">
<tr>
<td>text2</td>
</tr>
</table>
</div>
<div style="background-color: orange;">
<table border="1" align="right">
<tr>
<td>text2</td>
</tr>
</table>
</div>
See also