Notice how the borders double up here: This div has a red border This div has a blue border Notice how this fixes the borders: This div has a red border, except on the bottom, and 8px round top corners This div has a blue border, and 8px round bottom corners Save it in a file called task2-6.html in your prac2 folder. 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?