Hi Guys,

It's been awhile since I've created a table..

I'm trying to create one that looks like this:


My code is

HTML Code:

 	<h1><p class="header">Saturday</</h1>
<p class="text">
<th>8:00 PM</th>
<th>8:30 PM</th>
<th>9:00 PM</th>
<th>9:30 PM</th>
<th>10:30 PM</th>
<th>10:30 PM</th>
<td>The partridge family</td>
<td colspan="3">ABC Suspense Movie</td>
<td colspan="3">Griff</td>
<td>All in the Family</td>
<td>The Mary Tyler <br />Moore Show</td>
<td>The Bob Newhart Show</td>
<td colspan="3">The Carol Burnett Show</td>
<td colspan="2">Emergency!</td>
<td colspan="5">NBC Saturday Night at the Movies</td>

My CSS is

HTML Code:
color: white;
background-color: gray;
border:1px solid black;
size: 50%;
but in a browser its huge! what can I do to fix this?