title: Tooltipster plugin - position tooltip on center
body: <p>I am using Tooltipster plugin(<a href="http://calebjacob.com/tooltipster/#demos" rel="nofollow">http://calebjacob.com/tooltipster/#demos</a>) to display my tooltips on hover.
  However the tooltip is only displaying at the top/bottom of the element i am hovering.</p>
  
  <p>This is the code i have for displaying tooltip when hover on the element and it works well</p>
  
  <pre><code>$(".tooltip").tooltipster({
    animation: "fade",
    delay: 200,
    theme: ".tooltipster-default",
    touchDevices: true,
    trigger: "hover",
    interactive: true,
    position: "top"
  });
  </code></pre>
  
  <p>However what i want is to display the tooltip on the center of the element being hovered.</p>
  
  <p>In the Tooltipster documentation, the "position" option does not support "center" positioning.</p>
  
  <p>ToolTipster Position Documentation: </p>
  
  <pre><code> right, left, top, top-right, top-left, bottom, bottom-right, bottom-left
  </code></pre>
  
  <p>Does anybody knows how to position the tooltip on the center of the element?</p>