The text in this paragraph contains a span element that has been given inline-start and inline-end padding and negative inline-start and -end margins, plus a background, which causes some interesting effects. The extra space you see at the beginning and end of the span and the observed overlap of other content are to be expected.

The text in this paragraph contains a span element that has been given block-start and block-end padding, plus a background, which causes some interesting effects. The extra space you see above and below the span and the observed overlap of other content are to be expected.