JSFiddle - React, Tailwind, and code Playground

by Khalid Alharbi

HTML

<table>
  <tr>
    <th rowspan="3">Day</th>
    <th colspan="3">My Class Schedule</th>
  </tr>
  <tr>
    <th colspan="2">Time</th>
    <th rowspan="2">Topic</th>
  </tr>
  <tr>
    <th>Start</th>
    <th>End</th>
  </tr>
  <tr>
    <td rowspan="2">Monday</td>
    <td>8:00 AM</td>
    <td>10:00 AM</td>
    <td>Introduction to Web Development I</td>
  </tr>
  <tr>
    <td>10:00 AM</td>
    <td>12:00 PM</td>
    <td>Introduction to Web Development II</td>
  </tr>
  <tr>
    <td rowspan="2">Tuesday</td>
    <td>8:00 AM</td>
    <td>10:00 AM</td>
    <td>Introduction to Single Page Applications I</td>
  </tr>
  <tr>
    <td>10:00 AM</td>
    <td>12:00 PM</td>
    <td>Introduction to Single Page Applications II</td>
  </tr>

</table>

CSS

table, th, tr, td {
  border: 1px solid #000000;
}
th, td {
  padding: 20px;
}