title: How to align list elements left, right and centered
body: <p>look at this fiddle:
  <a href="http://jsfiddle.net/ugxNK/" rel="nofollow">http://jsfiddle.net/ugxNK/</a></p>
  
  <p>I want that the first list element is in the left corner, the middle in the center and the right one in the right corner.</p>
  
  <p>How could I do this dynamicly so for different screen sizes?</p>
  
  <p>I only know to align them with margins.</p>
  
  <p>Regards!</p>