

You can wrap part or all of you SVG text inside a to give you greater control over its display and to position different lines or snippets of text relative to each other. You can think of the element as a span for SVG text. Today and next week I want to talk about two more SVG elements that you’ll use in combination with the element.

The element isn’t the only element we can work with when working with SVG text, however.

The last couple of weeks we’ve been looking at the SVG text element and exploring what we can do to text using the different attributes available to us. The SVG text element allows you to easily position and style text, but what do you do if you want to position and style different parts of the text differently? Do you need to create multiple text elements? Nope.
