title: Centering a ul with floats inside a div
body: <p>I'm trying to center this bottom nav on a test site:</p>
  
  <p><a href="http://heroicdreams.com/kktest/" rel="nofollow noreferrer">http://heroicdreams.com/kktest/</a></p>
  
  <p>The ul li uses <code>float:left;</code> which is what I think is making it stay stuck to the left. I'm trying to figure out how to get it to be centered.</p>
  
  <p>To get the links displayed horizontally I needed to float them left, but now I can't get the whole nav to be centered.  Is there a way?</p>