I'm making a simple resume online, and would like to know how to fix this problem I have..
As you can see in the image, my new header appears to the left of my "floating" lists. Anybody have any advice on how to fix it? Thanks for any advice.
Image is at http://i40.tinypic.com/24w68ft.png
<h3><span style="color:#000080;">Summary of Qualifications</span></h3>
Certified A+ and Network+ technician.
<h3><span style="color:#000080;">Technical Expertise
</span></h3>
<div>
<ul style="list-style:none;float:left;margin:0;padding:0;">
<li style="list-style:none;padding-top:5px;padding-right:50px;">Professional Certifications:</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;"> </li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">Item 2</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">Item 3</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">Item 4</li>
</ul>
<ul style="list-style:none;float:left;margin:0;padding:0;">
<li style="list-style:none;padding-top:5px;padding-right:50px;">CompTIA A+ (<a href="https://www.certmetrics.com/comptia/public/verification.aspx?code=Z5MR82SBCDQQ1BHT">Z5MR82SBCDQQ1BHT</a>)</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">CompTIA Network+ (<a href="https://www.certmetrics.com/comptia/public/verification.aspx?code=NWSM0EGLCDV15KHM">NWSM0EGLCDV15KHM</a>)</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">Australia</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">Item 4</li>
<li style="list-style:none;padding-top:5px;padding-right:50px;">Item 4</li>
</ul>
</div>
<h3><span style="color:#000080;">Education</span></h3>
<strong>Eastern College - St. John's, NL</strong> (10/09 - Present)
Information Systems Specialist+