The <tspan> element defines a sub-string or sub-group of text that can be independently positioned or styled inside an SVG text flow. Common usage includes changing the color, weight, or position of a portion of text within a "<text>" element.

DOM object: SVGTSpanElement
SVG2 spec: https://www.w3.org/TR/SVG2/text.html#TextElement

<text x="20" y="40">
  You are
  <tspan dx="10" fill="red" font-weight="bold">
    NOT
  </tspan>
  a banana.
</text>

Attribute	Default	Description
`x`	`0`	Absolute X position(s) for the first (or each) glyph
`y`	`0`	Absolute Y position(s) for the first (or each) glyph
`dx`	(none)	Relative X shift(s) for glyphs
`dy`	(none)	Relative Y shift(s) for glyphs
`rotate`	(none)	Rotation(s) for each glyph in degrees