title: legend labelFormatter: getting space between name and percentage so they line up
body: <p>I'm trying to use HighCharts 2.3.5 to get names and percentages to line up in a legend.</p>
  
  <p>Right now the legend looks like this:</p>
  
  <pre><code>symbol aValue aPercentage
  symbol somethingElse aPercentage
  symbol v aPercentage
  </code></pre>
  
  <p>What I want is this:</p>
  
  <pre><code>symbol aValue         aPercentage
  symbol somethingElse  aPercentage
  symbol v              aPercentage
  </code></pre>
  
  <p>I've resorted to something that sure seems hacky. I set left:0px;right:0px; and then add some nbsps.  The div ends up looking like this:</p>
  
  <pre><code>&lt;div style="left:0px;top:0px;display:inline-block;position:absolute;"&gt;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;44.7%
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a better way to do this?</p>
  
  <p>Thanks!</p>