Web Editor by 101Computing.net

HTML

<H1>My Timetable</H1>
<TABLE class="myTimetable"> 
  <THEAD>
    <TR>
      <TH></TH>
      <TH>Monday</TH>
      <TH>Tuesday</TH>
      <TH>Wednesday</TH>
      <TH>Thursday</TH>
      <TH>Friday</TH>     
    </TR>
  </THEAD>
  <TBODY>
    <TR>
      <TD>P1</TD>
      <TD>
        <div class="subject">Maths</div>
        <div class="room">A120</div>
      </TD>
      <TD>
        <div class="subject">Art</div>
        <div class="room">C1</div>
      </TD>
      <TD>        
        <div class="subject">English</div>
        <div class="room">B21</div>
      </TD>
      <TD>        
        <div class="subject">Maths</div>
        <div class="room">A120</div>
      </TD>
       <TD>        
         <div class="subject">Geography</div>
        <div class="room">B101</div>
      </TD>     
    </TR>
    <TR>
      <TD>P2</TD>
      <TD>        
        <div class="subject">Science</div>
        <div class="room">Lab1</div>
      </TD>
      <TD>        
        <div class="subject">History</div>
        <div class="room">B104</div>
      </TD>
      <TD>        
        <div class="subject">Spanish</div>
        <div class="room">C17</div>
      </TD>
      <TD>        
        <div class="subject">P.E.</div>
        <div class="room">A Gym</div>
      </TD>
      <TD>        
        <div class="subject">Maths</div>
        <div class="room">A120</div>
      </TD>
    </TR>
      <TR>
      <TD colspan="6" class="break">Break</TD>
      </TR>
      <TR>
      <TD>P3</TD>
      <TD>        
        <div class="subject">I.T.</div>
        <div class="room">ICT 1</div>
      </TD>
      <TD>        
        <div class="subject">English</div>
        <div class="room">B21</div>
      </TD>
      <TD>        
        <div class="subject">Musique</div>
        <div class="room">C5</div>
      </TD>
      <TD>        
        <div class="subject">English</div>
        <div class="room">B21</div>
      </TD>
      <TD>        
        <div class="subject">PSHE</div>
        <div class="room">A24</div>
      </TD>
    </TR>
      <TR>
      <TD colspan="6" class="lunch">Lunch</TD>
    </TR>
      <TR>
      <TD>P4</TD>
      <TD>        
        <div class="subject">History</div>
        <div class="room">B104</div>
      </TD>
      <TD>        
        <div class="subject">Drama</div>
        <div class="room">C17</div>
      </TD>
      <TD>        
        <div class="subject">Maths</div>
        <div class="room">A120</div>
      </TD>
      <TD>        
        <div class="subject">Geography</div>
        <div class="room">B101</div>
      </TD>
      <TD>        
        <div class="subject">P.E.</div>
        <div class="room">A Gym</div>
      </TD>
    </TR>
      <TR>
      <TD>P5</TD>
      <TD>        
        <div class="subject">Spanish</div>
        <div class="room">C17</div>
      </TD>
      <TD>        
        <div class="subject">Science</div>
        <div class="room">Lab1</div>
      </TD>
      <TD>        
        <div class="subject">English</div>
        <div class="room">B21</div>
      </TD>
      <TD>        
        <div class="subject">Science</div>
        <div class="room">Lab1</div>
      </TD>
      <TD>        
        <div class="subject">R.E.</div>
        <div class="room">B18</div>
      </TD>
    </TR>
   </TBODY>
  </TABLE>

CSS