title: How can I reduce the amount of vertical space between lines of text using CSS?
body: <p>The "obvious" answer is to use the line-height CSS rule, but this code (where I do use that):</p>
  
  <pre><code>private void GenerateSection7()
  {
      var headerFirstPart = new Label
      {
          CssClass = "finaff-webform-field-label",
          Text = "&lt;h2&gt;&lt;strong&gt;Section 7: Submit Information &lt;/strong&gt;&lt;/h2&gt;"
      };
      headerFirstPart.Style.Add("display", "inline-block");
      headerFirstPart.Style.Add("white-space", "pre");
      headerFirstPart.Style.Add("line-height", "20%");
      var headerSecondPart = new Label
      {
          CssClass = "finaff-webform-field-label",
          Text = " (This payment is subject to post audit review by Financial Affairs)"
      };
      headerSecondPart.Style.Add("display", "inline-block");
      headerFirstPart.Style.Add("line-height", "20%");
      this.Controls.Add(headerFirstPart);
      this.Controls.Add(headerSecondPart);
  
      var submissionInstructions = new Label
      {
          CssClass = "finaff-webform-field-label",
          Text = "&lt;h4&gt;Submit completed and approved form to Mail stop: FAST/AP Office&lt;/h4&gt;"
      };
      this.Controls.Add(submissionInstructions);
  }
  </code></pre>
  
  <p>...produces this result:</p>
  
  <p><img src="https://i.stack.imgur.com/MTYbY.png" alt="enter image description here"></p>
  
  <p>As you can see, the Cumberland gap could fit between these two lines. I started with 80% and kept reducing the percentage, but it makes no difference - 20% is no better than 50% (which was no better than 80%).</p>
  
  <p>How can I cinch up the "play" between the lines?</p>
  
  <h2>UPDATE</h2>
  
  <p>Spurred on by oriol and quinnuendo, I changed my code to this:</p>
  
  <pre><code>private void GenerateSection7()
  {
      var headerFirstPart = new Label
      {
          CssClass = "finaff-webform-field-label",
          Text = "&lt;h2&gt;&lt;strong&gt;Section 7: Submit Information &lt;/strong&gt;&lt;/h2&gt;"
      };
      headerFirstPart.Style.Add("display", "inline-block");
      headerFirstPart.Style.Add("white-space", "pre");
      //headerFirstPart.Style.Add("line-height", "20%");
      headerFirstPart.Style.Add("margin", "0");
      var headerSecondPart = new Label
      {
          CssClass = "finaff-webform-field-label",
          Text = " (This payment is subject to post audit review by Financial Affairs)"
      };
      headerSecondPart.Style.Add("display", "inline-block");
      //headerSecondPart.Style.Add("line-height", "20%");
      headerFirstPart.Style.Add("margin", "0");
      this.Controls.Add(headerFirstPart);
      this.Controls.Add(headerSecondPart);
  
      var submissionInstructions = new Label
      {
          CssClass = "finaff-webform-field-label",
          Text = "&lt;h4&gt;Submit completed and approved form to Mail stop: FAST/AP Office&lt;/h4&gt;"
      };
      submissionInstructions.Style.Add("margin", "0");
      this.Controls.Add(submissionInstructions);
  }
  </code></pre>
  
  <p>...but it still generates exactly the same page (with the Grand Canyon between the last two lines preventing Evel Kneivel from safely traversing the expanse).</p>
  
  <p>Note: I tried both "0" (as shown above) and "0px" as the margin values, and the results are identical either way.</p>