adding space between two lists

How do I add some space between the two lists so they don't overlap?
URL: http://webworxworld.com/client-demo/?page_id=244



I added this code to make the list:

<div style="float: left;">
<ul>
<li>
<h6><a title="English" href="http://webworxworld.com/client-demo/?page_id=442"><span style="color: #ff0000;">English</span></a></h6>
</li>
<li>
<h6><a title="Math" href="http://webworxworld.com/client-demo/?page_id=819"><span style="color: #ff0000;">Math</span></a></h6>
</li>
<li>
<h6><a title="JUMP Math" href="http://webworxworld.com/client-demo/?page_id=256"><span style="color: #ff0000;">Jump Math</span></a></h6>
</li>
<li>
<h6><a title="Science" href="http://webworxworld.com/client-demo/?page_id=440"><span style="color: #ff0000;">Science</span></a></h6>
</li>
</ul>
</div>
<ul>
<li>
<h6><a title="Social Science" href="http://webworxworld.com/client-demo/?page_id=556"><span style="color: #ff0000;">Social Studies</span></a></h6>
</li>
<li>
<h6><a title="Post Secondary" href="http://webworxworld.com/client-demo/?page_id=1065"><span style="color: #ff0000;">Post Secondary</span></a></h6>
</li>
<li>
<h6><span style="color: #ff0000;">Grad Exam</span></h6>
</li>
<li>
<h6><a title="French &amp; Spanish Immersion" href="http://webworxworld.com/client-demo/?page_id=437"><span style="color: #ff0000;">French &amp; Spanish</span></a></h6>
</li>
</ul>

 

Resolved it with margin-right:15px.