Lab 18: Practice with Pseudo-Elements, Generated Content, and Additional Pseudo-Classes

Instructions:

For this lab you will be revisiting a previous lab (of your choice) or homework (of your choice) and implementing the pseudo-elements, pseudo-classes, and properties from Lecture 23.
Make a copy of the old file, naming the copy lab18.html
Do not alter the original (X)HTML file; we want to preserve the original version.
CSS should be in an external stylesheet, brought in via <link />
Check rendering cross-browser to ensure that non-supportive browsers are degrading acceptably.
Validate your CSS to ensure that no errors are occurring (the only exceptions are for proprietary Mozilla versions of CSS3 properties). Warnings you can disregard.
Link to the lab18.html file from your class page and include a link at the bottom of the file back to your class page.
Upload the revised file to the server and also copy it to your removable media.