title: Responsive design: centering a title inside an li with 2 other li's each side
body: <p>I need a little help over here please :)</p>
  
  <p>I have this layout: <a href="http://jsfiddle.net/eyTYF/" rel="nofollow">http://jsfiddle.net/eyTYF/</a></p>
  
  <p>Just an <code>ul</code> with 5 <code>li's</code>, all with <code>a</code> tag's inside.</p>
  
  <p>And I want all these elements fill 100% of the width of the screen, the icons maintains its size (50px) and just the title differentiates the size.</p>
  
  <p>How can I do that?</p>
  
  <p>Thank you in advance :)</p>