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


What to do when you accidentally clicked on one of your own Google Adsense ad unit blocks within your website.  more »

Here's how to start Firefox in Safe Mode in Windows 7 (or Windows Vista): If Firefox is open, close down Firefox completely. In Windows 7 (or Vista), click Start, then click All Programs. and Navigate to the 'Mozilla Firefox' folder and select the Mozilla...  more »

In my previous article 'How to Search Google Effectively', I introduced the basic Google search methods and described how we can structure our searches by using special characters and operators. But Google provides a wider range of tools that help us with...  more »

In this tutorial, we'll look at how to set up automated reports scheduling in a Yahoo! Search Marketing account. The purpose of setting up reports scheduling is to have your Yahoo Pay Per Click stats sent directly to your email inbox, thus saving you time...  more »

In just a few steps, PayPal makes it really simple for you to create product buy now buttons or links for websites and email. Follow these steps to create a 'Buy Now' Paypal link: Log into your PayPal account. Click on the 'Merchant Services' tab, then...  more »

Several methods have been developed in order to use the opportunities of social media in general and Facebook in particular. A very popular method of enhancing audience of a website is getting Facebook 'likes'. A high number of Facebook 'likes' shows that...  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 »

A lot of social bookmarking sites are now iFraming in other websites, in order to keep traffic on their site so they get more pageviews. In order to get around the HTML iFraming of your site, below is a little javascript code that will automatically get a...  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 »

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 »

We often bump into questionnaires, quizzes and surveys followed by a draw. Almost each page owner organizes a Facebook competition, but many of them do not pay attention to the promotion guidelines. It is easy to organize a contests, but it is not easy to...  more »

It starts getting pretty anonying when Firefox keeps popping up a box asking to remember passwords everytime you enter a Username and Password for a site. To stop Firefox from doing this, here's a quick tip on how to get Firefox to stop asking to save...  more »