WebDeveloper course exercise tic tac toe

by BenjamĂ­n Xolotl Torres Luna

HTML

<h1>Tic Tac Toe</h1>
<table>
  <tr>
    <td class="esquinaSupIzq"></td>
    <td></td>
    <td class="esquinaSupDer"></td>
  </tr>
  <tr>
    <td></td>
    <td class="centro"></td>
    <td></td>
  </tr>
  <tr>
    <td class="esquinaInfIzq"></td>
    <td></td>
    <td class="esquinaInfDer"></td>
  </tr>
</table>

CSS

* {
  text-align: center;
}

td {
  width: 200px;
  height: 200px;
  margin: 0px;
  padding: 0px;
}

td.esquinaSupIzq {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

td.esquinaSupDer {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
}

td.esquinaInfIzq {
  border-top: 1px solid black;
  border-right: 1px solid black;
}

td.esquinaInfDer {
  border-top: 1px solid black;
  border-left: 1px solid black;
}

td.centro {
  border: 1px solid black;
}

table {
  margin: 0 auto;
}