Before CSS, if you wanted something in a precise place in a browser window, you had to do some tricky table work and keep your fingers crossed that it would work cross-browser. Script 11.9 shows how you can instead use CSS to tell your browser to put things just where you want them.
In this example, we've decided to swap the two images (the play folio and Shakespeare). Rather than messing around with the HTML, we'll just make changes to two of the CSS rules, the ones for body (for the background image of the playwright) and img (for the folio). You can specify precisely where you want the items to appear on the page, as in Figure 11.9.
Script 11.9. By changing the body and img rules, we've changed the look of the page.
Figure 11.9. Swapping the position of the two images required no fiddling with the HTML page, just a few changes to the CSS style sheet.