Rotate and Render text with SVG examples

First Page
<!DOCTYPE html>
<html>
   <head>
      <title>Rotate and Render text with SVG examples</title>
      <style type="text/css">
         svg {
            border: 1px solid red;
         }
     </style>
   </head>
   <body>
      <svg width="400" height="250">
         <text x="30" y="15" style="fill:purple;
         font-size:22px; transform:rotate(30deg);">
         <tspan style="fill:purple; font-size:22px;">
            Welcome to Our Website Tutorialsroot!
         </tspan>
         <tspan dx="-230" dy="20" 
            style="fill:navy; font-size:14px;">
            Here you will find of all useful information.
         </tspan>
        </text>
      </svg>
   </body>
</html>
Output

First Page