Line Heights

These "line-height" classes are absolute in visual size. This means that regardless of whether your html tag is a <h1> – <h6>, <p>, etc... the line-height of these elements will be identical once the class is applied.

Example: Line Height 1

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-1">Text</p>

Example: Line Height 2

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-2">Text</p>

Example: Line Height 3

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-3">Text</p>

Example: Line Height 4

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-4">Text</p>

Example: Line Height 5

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-5">Text</p>

Example: Line Height 6

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-6">Text</p>

Example: Line Height 7

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-7">Text</p>

Example: Line Height 8

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-8">Text</p>

Example: Line Height 9

The quick brown fox
jumps over the lazy dog.

Copy

                                    
                                        <p class="lh-9">Text</p>