title: How do you double space text and keep the text alignment at the top?
body: <p>I would like to have some text single spaced and some text double spaced.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>* {
    margin: 0;
    padding: 0;
  }
  .single-space {
    line-height: 1;
  }
  .double-space {
    line-height: 2;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p class="single-space"&gt;Default single-spaced line.&lt;/p&gt;
  &lt;p class="double-space"&gt;Default paragraph of double-spaced text. With several sentences and lots of beautiful words to describe many awesome things.&lt;/p&gt;
  &lt;p class="single-space"&gt;One more single-spaced line.&lt;/p&gt;
  &lt;p class="double-space"&gt;Another paragraph of double-spaced text. With several sentences and lots of beautiful words to describe many awesome things&lt;/p&gt;
  
  &lt;br /&gt;&lt;p&gt;&lt;b&gt;Result should look like this:&lt;/b&gt;&lt;/p&gt;&lt;br /&gt;
  
  &lt;p class="single-space"&gt;This is what it should look like to have a single spaced line followed by a double spaced line.&lt;br&gt;This is what a double spaced line&lt;br /&gt;&lt;br /&gt;should look like. Notice that it &lt;br /&gt;&lt;br /&gt;follows directly after the single&lt;br /&gt;&lt;br /&gt;spaced line.&lt;br /&gt;&lt;br /&gt;And finally a single spaced line following the last double spaced line reveals a full space between the two.&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The problem is that the double-spaced text becomes somewhat vertically centered adding extra white space on the top of the paragraph and decreasing the amount of white space after a double-space paragraph. The result is awkward gaps between single-space and double-space paragraphs. Ideally, the text of a double-space paragraph should be aligned at the top of the container so that the visual effect is identical to what would occur if a break element were used after ever single line of text.</p>