title: in highcharts, how can I align legend symbol and legend text?
body: <p>As you can see in the jsfiddle example, the legend symbol is not aligned with the legend text.
  Is there a way to set some padding or margin so the text can be vertically aligned to top or something?</p>
  
  <p><a href="http://jsfiddle.net/daxu/md2zk/62/" rel="nofollow">http://jsfiddle.net/daxu/md2zk/62/</a></p>
  
  <pre><code>                legend: {
                      layout: 'vertical',
                      itemMarginTop: 20,
                      symbolHeight: 5,
                      symbolWidth:5,
                      itemStyle: {
                          color: 'black',
                          fontFamily: 'DINPro',
                          fontSize: '7.8409px',
                          fontWeight: 'normal',
          display:'inline-block',
                          verticalalign:'top'
                      },
                      align: 'right',
                      verticalAlign: 'middle',
                      floating: false,
                      x: 0,
                      y: 0
                  },
  </code></pre>