title: How do I get text to go in the middle of a div?
body: <p>Why won't the text in the footer go at middle height in the div? Not really had anyone explain how to properly make a text sit in the middle (height-wise) of a div, hopefully this will also fix the white spacing at the bottom of the page as I believe that is caused by the text being pushed down</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="yellowfooterbackground"&gt;
      &lt;div class="yellowfootercontent"&gt;
          &lt;div class="yellowfootercontentleft"&gt;
              &lt;p&gt;IPS Fire &amp; Security is a trading name of IPS Facilities - &lt;u&gt;&lt;a href="Terms-And-Conditions.html"&gt;Terms &amp; Conditions&lt;/a&gt;&lt;/u&gt;&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="yellowfootercontentright"&gt;
              &lt;p&gt; Web Design &amp; SEO by Raven &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.yellowfootercontent {
      height: 30px;
      width: 950px;
      margin-right: auto;
      margin-left: auto;  
      font-family: 'Open Sans', Arial, sans-serif;
      font-size:12px;
  }
  
  .yellowfootercontentleft {
      height: 30px;
      width: 475px;
      float: left;
      text-align: left;
  }
  
  .yellowfootercontentright {
      height: 30px;
      width: 475px;
      text-align: right;
      float: right;
  }    
  </code></pre>
  
  <p>Here is a fiddle of the code above: <a href="http://jsfiddle.net/vJS4m/" rel="nofollow">Fiddle</a></p>