Widths and margins of non-replaced inline elements

All of the text in this paragraph should appear perfectly normal. There should be no unusual spacing, positioning, gaps, or anything else. (The spans are all black on white, which may not be the default colors.)

This paragraph should have a line-height of 2 so that the relative positioning can be seen easily. Around these three words there should be extra space of 2em on the left and 30px on the right. These words should be displaced 10px to the left. These words should be displaced .5em to the right. Around these words there should be 10px of space on both sides (unless they hit a line break; they are displaced 10px to the left and have a 20px left margin). Around these words there should be 10px of space on both sides (unless they hit a line break; they are displaced 10px to the right and have a 20px right margin). Around these words there should be 10px of space on both sides (unless they hit a line break; they are displaced 10px to the left and have a 20px left margin). Around these words there should be 10px of space on both sides (unless they hit a line break; they are displaced 10px to the left and have a 20px left margin). Around these words there should be 10px of space on both sides (unless they hit a line break; they are displaced 10px to the right and have a 20px right margin). Finally, these words should be displaced 10px to the left, and these words should be displaced 10px to the right.


Valid HTML 4.0!

(Back to CSS Testing Information, David Baron)

LDB, dbaron@dbaron.org