<svg width="10cm" height="3cm" viewBox="0 0 1000 300" version="1.1"> <desc>Example tspan02 - using tspan's dx and dy attributes for incremental positioning adjustments</desc> <g font-family="Verdana" font-size="45"> <text x="200" y="150" fill="blue"> But you <tspan dx="2em" dy="-50" font-weight="bold" fill="red"> are </tspan> <tspan dy="100"> a peach! </tspan> </text> </g> <rect x="1" y="1" width="998" height="298" fill="none" stroke="blue" stroke-width="2"/> </svg> |
Original SVG source |