title: Social widgets with a counter (Facebook Like, Twitter Tweet, Google +1) float and width
body: <p>In the picture bellow I am using a container for every widget with a set width 80px, floated right and right margin 10px. However, I would like the container width to be the same as the actual width of the widget (button + the counter).</p>
  
  <p><img src="https://i.stack.imgur.com/rOEl4.png" alt="enter image description here"></p>
  
  <p>As far as I can think of it, it can't be done using CSS and unlikely using JavaScript (because of the same-origin policy). Though, is there a solution?</p>