Independent Challenge 2 You also logo for the Murfreesboro Soccer League into the organizational site that are you add images from some of the group's events web you incorp a. In your text editor, open HTM H-7.html from the Unit HIC2 folder. Insert a blank before the closing body tag. then insert a paragraph element containing kline your first and last name and the text HTML5 Independent Challenge 2. Save the file as index.html, then repeat to add the same information as a CSS comment in HTM H8.css, saving the file as mrsl.css b. In index.html, locate the two img elements near the top of the page. Assign a unique id value to the diveement con- taining each img, then save your work. Return to mrsLcss, then add code to the abox style rule to setthe position to relative Create a style rule that is based on the id selector you specified for the first img element and that takes it out of the flow of the page and positions its left margin flu with the margin of the parent element Repeat for the second img element, positioning its right margin flush with the right margin of the parent element your work. open index.html in your browser, then verify that the mages appear at both edges of the top body of the c. Return to index.html your editor. In the hi element below the images you styled, add a line break element after each word except the last. Enclose each word within a span element and assign each a unique id.Saveyour work. Return to mrsl.css, then add style rules that position all four FIGURE H.26 word elements while retaining their space in the page flow. Using calculations and/or trial and error, position the first Recreational Position each remaining word farther to the right so the words are staggered, as shown in Figure H-26. Save your work and refresh index.html in your browser as many times as necessary until you are satisfied with the appearance of Implementing Page Layout with HTML and css