Add Line break in SVG Title tag

Question

is it possible to have multiple lines inside an SVG title tag?

<title> Name: Jon \n Address: NY </title>

I tried to add \n and apply some CSS to break the title text but it's not working

Does this answer your question? https://stackoverflow.com/questions/25065896/d3-multi-line-tooltip-for-svg-element — user_1330, Mar 10 '21 at 10:44

score 4 · Answer 1 · answered Mar 10 '21 at 10:47

4

Actual newlines work, or at least they do in Firefox, Safari and Chrome.

<svg>
  <rect width="300" height="150" fill="lime">
    <title> Name: Jon 
    Address: NY </title>
  </rect>
</svg>

answered Mar 10 '21 at 10:47

Robert Longson

1

Or use an entity: ` Name: Jon Address: NY ` – Paul LeBeau Mar 11 '21 at 02:05

1 Answers1