Today I am going to apply CSS box into a Tic Tac Toe table. And this is the assignment from the course. Step One: Create A HTML Table The Tic Tac Toe is a table contains three rows and three columns. So the table page looks like: You can't see the table because two reasons: 1. I didn't put any table data in the <td> elements, so it is an empty table. 2. I didn't add border in the CSS. Step Two: Set Basic Text and Table Properties I start to move the header from the page left to the center, so I set the "text-align" property to be center. Then I set the table margin as auto and set each td width and height to be 100px. As the result, the table get bigger, but it is still invisible without adding borders. Step Three: Use Class Selector to Add Vertical Border When I was doing this assignment, I did very well on the first two steps, but I got stuck on this step. How to add the right border on each table data box?...