Text alignment not working inside table

Hi,

I’m using the following code to insert a table into a post.

<style>
table, th {
border: 2px solid black;
width:60px;
}
table {
border-collapse: collapse;
width: 700px;
margin: auto;
}

th {
height: 30px;
}
</style>

<table>
<tbody>
<tr>
<th colspan=”2″>How You Spend Your ‘Day'</th>
</tr>
<tr>
<th>Time of Day</th>
<th>Activity</th>
</tr>
<tr>
<th>-</th>
<th>-</th>
</tr>
<tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr><tr>
<th>-</th>
<th>-</th>
</tr>
</tbody>
</table>

When I run it in chrome locally, it works fine, all content written inside a <th></th> tag are center-align. But when I use this code into my post, the problem appears with text-alignment. The text moved to left side. As, all the contents written inside <th></th> tag are center-align, and it showing a good result when I run this code into chrome locally. So why a problem is appearing when I use it into the post.

However, I use text-align command but nothing going to work properly.

Please tell me how to solve that issue. You can see the table here. http://www.tycoonzfitness.com/overweight-causes-solution/

maybe try

th {
height: 30px;
text-align:center;
}

?

I’ve also tried but an issue still unresolved. Nothing is going to change. Please tell me how to do this?