<p>
  Tic-Tac-Toe
</p>  
<table>
  <tr>
    <td></td>
    <td class="top"></td>
    <td></td>
  </tr>
  <tr>
    <td class="left"></td>
    <td class="middle"></td>
    <td class="left"></td>
  </tr>
  <tr>
    <td></td>
    <td class="top"></td>
    <td></td>
  </tr>
  
</table>  
  
/* * {
  outline: 1px solid red;
} */

table {
  margin: 0 auto;
}

td {
  width:100px;
  height: 100px;
}

.top {
  border-left: 5px solid black;
  border-right: 5px solid black;
}

.left {
  border-top: 5px solid black;
  border-bottom: 5px solid black;
}

.middle {
  border: 5px solid black;
}

p {
  font-family: sans-serif;
  font-size: 3em;
  text-align: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.