Test yourself

1. Create the following layouts

   1. 
   2. 
   3. 

2. Create the following nested list using ordered list and unordered list

   

3. Create the following table with aligned text using text-align property

   

4. Create the following table using rowspan and colspan attributes

   

5. Create the following nested table using rowspan and colspan

   

6. Create the following table with image using rowspan and colspan

   

7. Create the following table using thead, tbody and tfoot tags

   

8. Create the following time table using colspan and rowspan attributes

   

9. Create the following layout using margin, padding and border-bottom property

   

10. Create the following highlighted table using nth-child selector

    

11. Create the following icon-bar with colour changing hover effect

    

12. Create the following navbar using margin, padding, position and last-child selector

    

13. Create the following layout using flex, flex direction column and align items center

    

14. Create the following layouts:

    1. 
    2. 
    3. 
    4. 
    5. 
    6. 
    7. 
    8. 
    9.