title: div width autoadjust to its content
body: <p>I have the following code: <a href="http://jsfiddle.net/domoindal/fkcQK/" rel="nofollow">http://jsfiddle.net/domoindal/fkcQK/</a></p>
  
  <p>What i need is that the border fit its content in the menu bar, so if there are three tags, the width of such div should fit to the sum of that three tags widths. I do not want the border around the tags get the max width.</p>
  
  <p>Latter, what i want to get is creating a shadow around the resulting irregular shape, not a box.</p>
  
  <p>Is there any possibility of doing it as i want?</p>
  
  <p>Thanks.</p>