<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Rotate and Render Text with HTML SVG</title> <style> svg { border: 3px solid black; } </style> </head> <body> <svg width="350" height="250"> <text x="40" y="30" style="fill:purple; font-size:22px; transform:rotate(30deg);"> <tspan style="fill:purple; font-size:30px;"> Welcome to The my Wwbsite! </tspan> <tspan dx="-300" dy="30" style="fill:green; font-size:14px;"> This is a very importent section. </tspan> </text> </svg> </body> </html>