Lesson Twelve: Entering a Second Table Row

1. Now you will add a second row and three more cells to your table container. First add a second row id in your CSS file with this code 
   

    #tablerow2 { display: table-row; }

   
   
   
2. Nest the second row code and the code for the three cells within the table container code:
   

   <div id="tablecontainer1">
   <div id="tablerow1">
   <div class="tablecell">
   <p>Row One Cell One</p>
   </div>
   <div class="tablecell">
   <p>Row One Cell Two</p>
   </div>
   <div class="tablecell">
   <p>Row One Cell Three</p>
   </div>
   </div>
   <div id="tablerow2">
   <div class="tablecell">
   <p>Row Two Cell One</p>
   </div>
   <div class="tablecell">
   <p>Row Two Cell Two</p>
   </div>
   <div class="tablecell">
   <p>Row Two Cell Three</p>
   </div>
   </div>
   </div>

   
   Your page should look like this: Sample

Lesson Thirteen: Entering Pictures to Cells