HTML and CSS Reference
border:1px solid #033;
The measurement for the left coordinate on that background is -10.5em. We arrived at
that measurement somewhat by trial and error:
We created a background image with a large white background area—bigger than the
actual background area it will cover—and a larger background color area for the right
We set the left position to -10.5em after trying various values until the “split” point sat
in the right place at the default font size.
We then scaled the font up and down to see how much the image moved along with the
Figure 7-24 illustrates these steps. Note that we've put a solid border around the background
image so that you can see its actual size against the white background.
Figure 7-24. The background image and its relation to the page