# Line-height in strict mode

Strict mode | Almost standards (transitional) mode | Quirks mode

## line-height: normal

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 0.5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 1.2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 1.5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 0.5em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 1em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 1.2em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 1.5em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 3em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 50%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 100%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 120%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 150%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 300%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 10px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

## line-height: 100px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam purus risus, tristique et faucibus sed, aliquet sed dui. Mauris ac enim augue, at dignissim leo. Donec volutpat facilisis dignissim. Phasellus.