title: Reduce white space between lines of text
body: <p>I am creating a webpage (first time) and i'm following as much of the CSS rules and tags as I can.  However, I ran into a problem with white space.  I've underlined the first line of text but now the second line seems to have drifted below.  Is there a way to make it a bit more snug, i'd like the second line of text to be just below the above line.</p>
  
  <pre><code>body,td,th {
      color: #000000;
  }
  
  body { 
   margin: 0; 
   padding: 0; 
   padding-top: 6px;
   text-align: center;
   background-color: #FFFFFF; 
  } 
  #centered
  { 
   width: 800px; /* set to desired width in px or percent */
   text-align: left; /* optionally you could use "justified" */
   border: 0px; /* Changing this value will add lines around the centered area */
   padding: 0;  
   margin: 0 auto; 
  } 
  .style3 {
      font-size: 32pt;
      color: #666666;
      margin-left: 0px;   
      border-bottom: 3px double;
  }
  .style5 {
      margin-left: 390px;
      font-size: 32pt;
      color: #CCCCCC;
  
  }
  --&gt;
  
  &lt;/style&gt;&lt;/head&gt;
  
  &lt;div id="centered"&gt;
  
  
  &lt;body&gt;
  &lt;p class="style3"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;FIRST LINE OF TEXT&lt;/p&gt;
  &lt;p class="style5"&gt;INDENTED SECOND LINE&lt;/p&gt;
  &lt;/body&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>