An inline image (vertical-align: baseline) in a box with different line-height and font-family.

line-height: normal

line-height: 2

line-height: 0.5

line-height: 3

line-height: 4

line-height: 0

With some character after the image

xj

xj

xj

xf

line-height: normal

xj

xj

xj

xf

line-height: 2

xj

xj

xj

xf

line-height: 0.5

xj

xj

xj

xf

line-height: 3

xj

xj

xj

xf

line-height: 4

xj

xj

xj

xf

line-height: 0

Related tests

• this page in transitional,
• other tests of images in a box,
• vertical-align, images and line-height,
• vertical-align of tall images.

CSS tests home