Adding a line break in the title attribute

Question

i would like to find out how to add a break in the title attribute, i would like to have breaks in the title attribute to differentiate the names. how can i add a break in the title attribute?

i have something like this

<p title="this is a description of the some text <br> and further description">Some Text</p>

what comes out is: image showing <br> in stead of braking.

You could possibly use some external tool like the [Jquery UI tooltip](http://jqueryui.com/tooltip/) — Liam, Nov 14 '13 at 15:48
@Robusto, it's actually confusing. The title does not represent the code example. I think he means the title **attribute**, based on the example, updated to clarify — Liam, Nov 14 '13 at 15:49
Just use the entity code for a linebreak in a title attribute. — Aliti, Feb 22 '16 at 15:26

score 10 · Answer 1 · edited Apr 27 '17 at 03:55

10

If you add a new line where you want line breaks, it works on SOME browsers, but not all.

Example:

div { background-color: #c3c3c3; display: block; width: 100px; height: 100px; }

<div title="This is a text
    Second line
    Third line!">Contents</div>

JSFiddle:
http://jsfiddle.net/g5CGh/

edited Apr 27 '17 at 03:55

Pang

9,564
146
81
122

answered Nov 14 '13 at 15:45

NoLifeKing

1,909
13
27

1

Tested and works with: Firefox 42, Opera 39, IE11 please add comment if there is any browser that doesn't work – Nadu Aug 10 '16 at 12:22
this has always worked (where title was supported), early HTML documentation did a similar thing with the alt tag. – Jasen Aug 04 '17 at 04:02

score 6 · Answer 2 · answered Nov 14 '13 at 16:12

6

In the title text replace <br> for <br />

<p title="this is a description of the some text &lt;br /&gt; and further description">Some Text</p>

And now replace <br /> with a line break \n (jquery):

<script>
    $(document).ready(function(){
    $('p').each(function(){
        var a = $(this).attr('title');
        var b = a.replace('<br />','\n');
        $(this).attr('title', b);
    });
    });
</script>

Hope I've helped you

answered Nov 14 '13 at 16:12

Ana

106
1
4

23

Or you may Add "\n" in your title wherever you want a line-break. – Saqib R. Dec 10 '14 at 12:45
it s not necessary to use "\n" in my case – shrimp rice Aug 05 '21 at 15:29

Adding a line break in the title attribute

2 Answers2

Linked