html - Aligning text in bootstrap tooltip -

bootstrap tooltip aligns text middle default. i'd align left. there nice way of doing within html, instead of modifying css file?

here sample code:

<p rel="tooltip" title="text in tooltip want align">hover on here</p>  <script type="text/javascript">    $(document).ready(function () {       $("p").tooltip();    }); </script> 

i've tried didn't work:

<p rel="tooltip" data-html="true" title="<p align='left'>text in tooltip</p>">hover on here</p> 

have tried one?

<style>   .tooltip > p {    text-align:left;  } </style> 

also not think including html code in tooltip title. should is:

$("p").tooltip({   html: true,   title: '<p>text in tooltip</p>' });  

also referring paragraph p bad idea, have many of them in document. refer id instead:

 <p id="myparagraph"> hover on here </p>  $("#myparagraph")