index.html
<!DOCTYPE html>
<html>
<body>
<h1> svg text with multiple text elements</h1>
<svg width="400" height="400">
<text y="100">
<tspan x="0" dy="1.4em">
wow this is cool
</tspan>
<tspan x="0" dy="1.4em">
new line!
</tspan>
</text>
</svg>
<h1> svg text element with a newline (fail)</h1>
<svg width="400" height="400">
<text y="100">wow this is cool
new line!</text>
</svg>
<h1> svg txt with an html newline entity (fail)</h1>
<svg width="400" height="400">
<text y="100"> wow this is cool 
 new line! </text>
</svg>
</body>
</html>