Problems With line-height - 2

This page tests the inline formatting model (inline boxes, line boxes, and so on) in the ways that it affects line-height.

Prerequisites
Browsers that are subjected to this test should support CSS font-size, line-height, vertical-align, inline styles and classes.

1. The largest inline in a line

All inlines that appear on a line should be considered, regardless of whether any of the actual content belongs to them or not.

In the following two test cases, the line spacing should be 13 pixels high, because although there is no 13 pixel text on the line, the largest inline elements on those lines have a height of 13px.

This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.
This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text.

2. Block Level Parents have a Line-Height Too!

The CSS2 spec says that "if [line-height] is set on a block-level element whose content is composed of inline-level elements, it specifies the minimal height of each generated inline box".

The next two cases should look identical to the previous two cases (there has been some comment on this on the www-style discussion list - see The Meaning of line-height and its follow-up).

This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.This is tiny text.
This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text. This is tiny text.

Submit Results

How does your browser fare on this test?

Up to the Evil Tests Page.

Bugzilla: Bug 1990

Last updated in May 1999.