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


If you want to disable the Content Advisor in Internet Explorer, but have forgotten the required password needed to turn Content Advisor off, don't fret. You can easily solve this Content Advisor password issue quickly by making a simple edit to the...  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 »

Wouldn't it be cool if you could monitor Twitter conversations in real-time based on certain keywords. Well guess what... you can, and the best part is it's super easy to do. You don't even have to download and install any software. A new website called...  more »

Most Internet users just enter the phrases they are looking for. This leads to thousands or millions of search result pages that are impossible to review. But the most interesting website may hide somewhere on a page we do not even look at. Google search...  more »

Learn how to block unwanted or malicious websites from opening in all versions of Internet Explorer, including IE 8.  more »

Here's a quick tip on how to make Internet Explorer your Default web browser: Open Internet Explorer. Click on the Tools menu, then select Internet Options. In the Internet Options pop-up box, select the Programs tab. Then in the Default web browser...  more »

Facebook has strict rules regarding pages and your account may be locked out if you ignore them. The page can't be deceptive, misleading or infringe on anyone else's copyright. Moreover, Facebook constantly changes the rules in an effort to limit...  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 »

Amazon Prime Day 2017 has finally arrived and now we have a first hand look at many of the days featured deals. Most of these Prime Day deals will not be live until 9 pm on July 10th and will run through July 11th, so take advantage of them while they...  more »

Facebook was made to connect people. However, it’s a sad fact that some of the users of the social networking site are quarreling with each other and sending hate messages online simply because of petty issues. This can be a very frustrating...  more »

Blocking your ads from displaying on crappy sites that don't convert is an essential part of Pay Per Click (PPC) advertising. It's especially important if you're doing Pay Per Click (PPC) advertising with Yahoo Search Marketing since they tend to show...  more »

If you use Windows Live Hotmail, at some point you may want to add an email address or domain to your safe senders list (whitelist). This will insure that you will continue to receive emails from the sender's address without the them going to the spam or...  more »