title: Highcharts: How to align text label middle center of pie chart
body: <p>I edit the codepen.io by thomas_rz</p>
  
  <p><a href="https://codepen.io/thomas_rz/pen/vXyoaK?editors=1010" rel="nofollow noreferrer">https://codepen.io/thomas_rz/pen/vXyoaK?editors=1010</a></p>
  
  <pre><code>document.addEventListener("DOMContentLoaded", function() {
    var chart1 = new Highcharts.Chart({
      chart: {
        type: 'pie',
        renderTo: 'container'
      },
      title: {
        verticalAlign: 'middle',
        floating: true,
        text: 'CENTERED&lt;br&gt;TEXT'
      },
      plotOptions: {
        pie: {
          innerSize: '50%',
          dataLabels: {
            align: 'right',
            distance: 10,
            connectorWidth: 0
          }
        }
      },
  
      series: [{
        data: [
          ['Firefox', 44.2],
          ['IE7', 26.6],
          ['IE6', 20],
          ['Chrome', 3.1],
          ['Other', 5.4]
        ]
      }]
    });
  });
  </code></pre>
  
  <p>and return this chart.</p>
  
  <p><a href="https://i.stack.imgur.com/IqR2o.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IqR2o.png" alt="enter image description here"></a></p>
  
  <p>But i need this chart, text align middle center of pie</p>
  
  <p><a href="https://i.stack.imgur.com/wQN4M.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wQN4M.png" alt="enter image description here"></a></p>