Add line break within tooltips

html tooltip newline
Aakash Chakravarthy picture Aakash Chakravarthy · Jul 27, 2010 · Viewed 220.4k times · Source

How can line breaks be added within a HTML tooltip?

I tried using <br/> and \n within the tooltip as follows: 

<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>

However, this was useless and I could see the literal text <br/> and \n within the tooltip. Any suggestions will be helpful.

Answer

Fred Senese picture Fred Senese · Feb 2, 2012

Just use the entity code &#013; for a linebreak in a title attribute.

Related questions

Add a tooltip to a div

I have a div tag like this: <div> <label>Name</label> <input type="text"/> </div> How can I displaying a tooltip on :hover of the div, preferably with a fade …

Read More
tooltips for Button

Is it possible to create a tooltip for an html button. Its the normal HTML button and there is no Title attribute as it is there for some html controls. Any thoughts or comments?

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

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 format the tooltip. To add the tip I'm using the …

Read More