Edit in JSFiddle

$(document).ready(function()
{
    
   $('#trigger1').qtip(
   {
       position: {
           my: 'top left',
           at: 'top left',
           target: $('body'),
           adjust: {
               x: 400,
               y: 400
           }
       }
   });
    
});

<div id="demo-modal">
    <p><a id="trigger1" href="#" title="Tooltip">Trigger</a></p>
</div>

p {
    margin: 0px 0px 20px 0px;
}