Floating Issue

HTML & CSS
1

Hey guys

I’m having a very minor floating issue.

http://insightinteriors.com.au/services.php

The lists I have here are floated to the left although the one on the right seems to sit about 10-15px below the one on the left.

I cant seem to find where the styles are coming from to make it sit there.

Thanks in advance!

2

Try this:


<div class="servicelist" >
  <p style='outline:dotted 1px #f00;z-index:123;background:#cfc'>
    Insight Interiors is proud to offer you a range of competitively
    priced services to assist you in your fitout projects
  </p>
  
  <h2 style='float:left;width:45&#37;;background:#cfc'>
      Services offered include
  </h2>
  <h2 style='float:left;width:45%;background:#cfc'>
    We also offer specific building works.
  </h2>
  
  <ul style='outline:dotted 1px #f00'>
    <li>Total Office Fitouts</li>
    <li>New Partitions</li>
    <li>Office Refurbishments</li>
    <li>Office Workstations</li>
    <li>Screen Systems</li>
    <li>Office Furniture</li>
    <li>Minor Alterations and repairs</li>
  </ul>
  
  <ul style='outline:dotted 1px #f00'>
    <li>Management services</li>
	  <li>Services Co-Ordination/Management</li>
  	<li>Design &amp; Construct</li>
  </ul>
</div>



.