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


I would like to learn how to get the skills and education to be able to build interactive websites. Can you give me some help and explain how to get started?  more »

So are you sure you're ready to cut ties with your friend on Facebook for good? You may want to take a few days before you decide to remove them from your friends list to think about the decision, since this act could really cause more drama than you...  more »

Bullies are basically everywhere. They can be found in your school, workplace and even in your favorite social networking site. That’s why it’s not surprising at all to hear individuals complain about being bullied on Facebook. Now, how do you...  more »

Here are some software applications that will allow you to view web pages even without the presence of the Internet: Instapaper Pocket If these applications are not readily available in your device, then you can always download them from legitimate sites....  more »

Step by step on how-to change your Twitter background image to make a customized Twitter theme. Login to your Twitter account On the menu tab at the top, click on the "Settings" link. Now click on the "Design" tab. You'll be able to change the theme using...  more »

There are different tools of search engine optimization that help web pages to appear higher up in the search engine rankings. One of these methods is link building, the aim of which is to increase the number of inbound links to pages on a website, thus...  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 »

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

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 »

Google Adwords makes it extremely easy to export your Adwords Campaign into another advertising network. Google allows you to download an export .CSV file of your Adwords Account, Campaigns or Adgroups to your computer, which you can then easily upload...  more »

When you install Skype, it will also install a Skype Internet Explorer toolbar and Firefox add-on along with it. This toolbar can be an annoyance in my opinion, especially when you constantly get bombarded with an Internet Explorer Security popup box that...  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 »