I created a new stylesheet for this homework so that I could change the coding of a number of elements used in Exercise 1.1. The explanatory part of the css reads:
This adds formatting for the ul selector to put the font in Georgia and serif alternatives. It also puts the td content in the same font.
I added a class property called keyword to align the table headings to the top -- not necessary since I could have specified td to be vertical-aligned to the top, but this makes it explicit that there is some non-standard formatting being used.
I also used align-left for the basket image to move the comment text up and set the table width property to be 75% so that it would appear more like a list than a table, then checked it for a 640x480 pixel screen to ensure it looked OK at this resolution.
For variation I changed the specifications of the font-sizes to x-large, large and medium: better for ensuring that they will look OK no matter what the browser, I think.
To align the text and images as I wanted I also specified a margin-left of 110 px for the headings, p and table. I wouldn't do this for most purposes: for example, it doesn't give the margins I want for template 2_1, because it has elements I haven't included.