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 Facebook Page is a public profile that allows you to share your business, products, favorite artist or public figure with Facebook users. Facebook makes it easy to create a "fan" page in just a few minutes Here's how you can create a Facebook fan page:...  more »

Using Facebook began with curiosity. We wanted to know what’s going on and we wanted to be considered “in” so that’s why almost all of us created our respective accounts. However, this social networking site can easily become an...  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 »

In Facebook’s quest to further improve their services to thousands of people all around the world, they have formed a partnership with Skype to provide you with a convenient video chat application. In July 2011, the Skype/Facebook chat became...  more »

Craigslist is an online local advertising medium that allows you to post free classified ads on the web. You can get the same type of exposure similar to a garage sale but you do it over the internet. Even if you have never used an online classified site...  more »

To find text on a web page in Internet Explorer 9 (IE9), you can use the "Find" search bar, which is built into IE9. In IE9, the "Find on this page" function is now in the Tools menu. To quickly open up the "Find" search bar, use the Find keyboard...  more »

What to do when you accidentally clicked on one of your own Google Adsense ad unit blocks within your website.  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 »

We bump into thousands of images nowadays, and sometimes you might like to know where a particular image was taken or who a person is in a particular photo. Using Google Image Search you can now quickly search for similar images to help you find out what...  more »

By far one of the easiest ways to make money online is to place Google Adsense ads on your blog or website. You make money when visitors come to your site and click on the Google Adsense ads, albeit a little money. The nice thing about Google Adsense is...  more »

Your account in Facebook can be temporarily deactivated. However, if you want to permanently delete it from the social networking site, then you would just have to do the following steps. Temporarily Deactivating It 1.) If you are still uncertain of your...  more »

Facebook allows you to tag your friends in your status updates using the @ symbol. The tagging feature in facebook is similiar to that of Twitter, but you don't need to know your friends "@username" to use the tag. Instead follow these instructions to tag...  more »