The first squirrel,
,
the second squirrel,
,
the third squirrel,
,
the fourth squirrel,
,
and the fifth squirrel,
,
should be in the normal flow of the text at normal size.
The sixth squirrel,
,
should be scaled to a width of 20% of its parent (the paragraph, which
is almost the width of the page).
The seventh squirrel,
,
should have 2em of space on its left (as margin) and 30px on its right.
The eighth squirrel,
,
should be shifted to the left by 10px without moving any of the text
around it.
The ninth squirrel,
,
should be shifted to the right by .5em.
Around the tenth squirrel,
,
there should be 10px of space
on both sides (unless it hits a line break; it is displaced 10px to the
left and has a 20px left margin).
Around the eleventh squirrel,
,
there should be 10px of space
on both sides (unless it hits a line break; it is displaced 10px to the
right and has a 20px right margin).
Around the twelfth squirrel,
,
there should be 10px of space
on both sides (unless it hits a line break; it is displaced 10px to the
left and has a 20px left margin).
Around the thirteenth squirrel,
,
there should be 10px of space
on both sides (unless it hits a line break; it is displaced 10px to the
left and has a 20px left margin).
Around the fourteenth squirrel,
,
there should be 10px of space
on both sides (unless it hits a line break; it is displaced 10px to the
right and has a 20px right margin).
Finally, the fifteenth squirrel,
,
should be displaced 10px to the left,
and the sixteenth squirrel,
,
should be displaced 10px to the right.
(Back to CSS Testing Information, David Baron)