css 问题之 不解之谜，请赐教

先说现象：

            外面用<center>来包围，里面的文字全部居中，在<td>里加入了一个span ,span的 style="text-align:left" 本应该是向左对齐，但始终不对，还是居中

 

            后来，改动<td valign='left'>就向左对齐了，

　　　按照css的规则，以最里面的style来显示，那么就应该是span的style来显示，但实际确不是，实在弄不明白，请各位指教一下。

 

代码

<center>
<table>
<tr><td colspan="3"><span style="text-align:left;"> title</span></td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
<tr><td>a</td><td>b</td><td>c</td></tr>
</table>
</center>