title: Sitemap in footer CSS to align/float li elements
body: <p>Have a look at the following jsFiddle:</p>
  
  <p><a href="http://jsfiddle.net/DNB9T/" rel="nofollow">http://jsfiddle.net/DNB9T/</a></p>
  
  <p>how would you float the different ul li elements so they line up beside each other them move to the next line when they hit the right boundary?</p>