CodePen

HTML

            
              <p class="p1"><strong>Paragraph 1:</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p class="p2"><strong>Paragraph 2:</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>

<p class="p3"><strong>Paragraph 3:</strong> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              body {
  line-height: 1;
  font-size: 20px;
}

p {
  margin: 20px auto;
  max-width: 600px;
}

.p1 {
  line-height: 150%;
}

.p2 {
  line-height: 200%;
}

.p3 {
  line-height: 250%;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................