How can I use a carriage return in a HTML tooltip?

Question

I\'m currently adding verbose tooltips to our site, and I\'d like (without having to resort to a whizz-bang jQuery plugin, I know there are many!) to use carriage returns to

Answer 1

This 
 should work if you just use a simple title attribute.

on bootstrap popovers, just use data-html="true" and use html in the data-content attribute .

<div title="Hello &#013;World">hover here</div>

Answer 2

use data-html="true" and apply <br>.

Answer 3


 will work on all majors browsers (IE included)

Answer 4

Just use this:

<a title='Tool&#x0aTip&#x0aOn&#x0aNew&#x0aLine'>link with tip</a>

You can add new line on title by using this &#x0a.

Answer 5

Razor Syntax

In the case of ASP.NET MVC you can just store the title as a variable as use \r\n and it'll work.

@{ 
    var logTooltip = "Sunday\r\nMonday\r\netc.";
}

<h3 title="@logTooltip">Logs</h3>

Answer 6

The latest specification allows line feed character, so a simple line break inside the attribute or entity 
 (note that characters # and ; are required) are OK.