How to Add a Line Break to a Tooltip

by Updated June 1, 2018

It's possible to add line breaks to a HTML ToolTip tag.  To add the line break simply use either the 
 entity or in some cases the \n escaped newline character will work.

In a regular HTML page the ToolTip title tag would look like the following when creating a line break:

-----------------------------------------------

title="First: We will break the line here 
 Second: then continue on this line."

-----------------------------------------------

 

In ASP.NET, the tooltip line break uses \n and would look like this:

-----------------------------------------------

ToolTip="First: We will break the line here \n Second: then continue on this line."

-----------------------------------------------

 

I have only tested this in Internet Explorer 7, so you will want to test this out in Firefox and Safari as well. To test Hover Over This.

Keep in mind there may be a limit to the number of characters you can have in a Tooltip.
 

 

 


0
6

6 Comments

anonymous by Amy on 7/22/2008
Doesn't work in my Firefox 3. The entire tooltip shows up on one line.
anonymous by Doğan on 1/9/2009
Line Breaks in flex...
In flex ide, you can do this with toolTip="Hello
World". But you must use code editor. If you do this with Flex Properties panel, flex converts & char to &amp naturally for xml compability. Use code editor :)
anonymous by Jordi Camps on 4/22/2009
Well, I didn't manage to get the \n working. The 
 separator did work, as proposed by Dogan (from ASP.NET in my case).

But the above only works in IE... it looks like it's impossible to add line breaks in standard tootips in Firefox. The good thing about the 
 solution is that it is transparent in Firefox (no line break but, at least, no other strange chars!)
anonymous by Enrique on 4/27/2010
Thanks. That really helped.

 worked in Google Chrome
anonymous by buddy on 6/8/2011
\r\n also works on chrome (didnt even test \n alone)
anonymous by Charlie on 6/17/2011
Thanks Buddy

Add your comment

by Anonymous - Already have an account? Login now!
Your Name:

Comment:
Enter the text you see in the image below
What do you see?
Can't read the image? View a new one.
Your comment will appear after being approved.

Related Posts


A stalker on Facebook is someone who can be hard to get rid of especially when you don’t have what it takes to be rude to them. If you don't completely defriend them, his person will stay as your friend in the social networking site and will...  more »

So are you wondering who favorites your tweets from twitter, or who favorited the same tweets as you favorited? Well there's actually a few cool favorite sites that you can use to discover who is favoriting your tweets. It can be pretty interesting and...  more »

Font Awesome is pretty darn "awesome" for easily adding scalable icons to your website. It also works great with Bootstrap! However, the down side is that with all it's cool icons, more than likely you won't be using most of them on your pages, so loading...  more »

When first setting up a new Google Plus page for your business / website, you'll probably want to set up a personalized Google+ URL that's easy to remember. However, when claiming your personalized Google+ custom URL, you may be prompted to add Letters or...  more »

In this quick tip, I'll show you how to change the default search engine provider in Internet Explorer 9. By default, Bing is the preset search provider in IE9, but you can change this to Google, Yahoo, or another search engine if you like. Here's how to...  more »

Knowing how to backup your Internet Explorer bookmarked Favorites can come in handy. Especially if you’ve just bought a new computer and want to transfer your favorites list to the new computer, instead of having to re-bookmark every individual website.  more »

After a recent Norton Internet Security 2009 update, I found that I was now seeing green circle checkmark icons in Google search results. When hovering over the checkmarks a Norton Site Safety box popped up alerting me that the site was safe (or not...  more »

So if you're like me, you may think that the photographs shown on the Bing.com homepage are pretty damn cool. I've actually decided to set Bing.com as my permanent homepage just for the cool pictures they put up everyday. But if you're also like me, you...  more »

Here's how to quickly change the default search engine in Safari for iPhone or iPad, from Google to a different search engine provider such as Yahoo, Bing or DuckDuckGo. To change the Default Search Engine in iOS Safari on iPhone do the following: On your...  more »

For about a month now, whenever I visited certain sites like Mashable.com using Internet Explorer 8 browser, I was getting redirected to the mobile browser version of the site instead of the regular web version. This was pretty annoying and I wasn't quite...  more »

Google's Gmail is great right? And you always get your legitate email messages sent to your inbox, and receive no spam right? Well, I'd like to think that was the case, but unfortunately Google runs a tight spam filter that will occassionally put emails...  more »

In the past, I've wanted to make a screenshot of an entire web page (even the stuff below the fold) and the only way to do it was to take screenshots of individual sections of the page and then piece them together in photoshop. However, there's a much...  more »