html and css files

Task 2.7 (3 points) Modifying your prac2.css style sheet, recreate this webpage. You may override previous styles or add new styles/classes as needed. Fun with nested boxes! A nested div The outer div has no margin or padding. The inner div has 20px margin on the left and right, 10px above and below. The inner div has 12px padding The inner div is 700px from the left to right borders (inclusive) and 200px from the top to bottom borders (inclusive) A nested div The outer div has a top margin of 20px, but no padding The inner div is centred The inner div has 12px padding The inner div is 400px square with borders Save it in a file called task2-7.html in your prac2 folder