Multiple new line options for title attribute

Prepared from http://stackoverflow.com/q/358874/2404470

by Alexandre Neukirchen

HTML

<p title='Tool
Tip
On
New
Line'>Tooltip with <pre>
  new 
  line</pre> Works in all browsers</p>
<hr/>

<p title="Tool&#13;Tip&#13;On&#13;New&#13;Line">Tooltip with <br /> works Firefox browsers</p>
<hr/>

<p title='Tool&#10;Tip&#10;On&#10;New&#10;Line'>Tooltip with <br /> Works in some browsers</p>
<hr/>

<p title='Tool&#xD;Tip&#xD;On&#xD;New&#xD;Line'>Tooltip with <br /> May work in some browsers</p>
<hr/>

<p id='tooltip'> Tooltip with <br /> May work in some browsers</p>
<hr/>


<p title="List:
  • List item here
  • Another list item here
  • Aaaand another list item, lol"> Tooltip with <br />Unordered list tooltip</p>
<hr/>


<p title='Tool\nTip\nOn\nNew\nLine'>Tooltip with <br /> May not work in modern browsers</p>
<hr/>

<p title='Tool\tTip\tOn\tNew\tLine'>Tooltip with <br /> May not work in modern browsers</p>
<hr/>

<p title='Tool&#013;Tip&#013;On&#013;New&#013;Line'>Tooltip with <br /> Works in most browsers</p>
<hr/>

JavaScript

document.getElementById("tooltip").setAttribute("title", "Tool\x0ATip\x0AOn\x0ANew\x0ALine")