Try it Live - HTML5 SVG Text

​x
 
<!DOCTYPE html>
<html>
   <body>
      <svg height="50" width="300" >
         <text x="20" y="35" fill="green">Example for SVG Text</text>
      </svg>
      <hr>
      <svg height="50" width="300" >
         <text x="20" y="35" fill="brown" font-size="25px" font-weight="bold">Increase SVG Text Size</text>
      </svg>
      <hr>    
      <svg height="120" width="300" >
         <text x="20" y="50" fill="purple" transform="rotate(50, 60, 30)">SVG Rotate Text</text>
      </svg>
      <hr>
   </body>
</html>
​