html,body,svg { height:100% }

by Rishi Kumar

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/textPath -->

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

  <!-- to hide the path, it is usually wrap into a <defs> element -->
  <!-- <defs -->
  <path id="MyPath" fill="none" stroke="red"
          d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />
          <path id="MyPath2" fill="none" stroke="red"
          d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />
  <!-- </defs> -->

  <text>
    <textPath href="#MyPath" startOffset="40%" transform>
      The quick 
    </textPath>
    <textPath href="#MyPath2" startOffset="40%" transform>
      The quick  asdfasdfasdf asdfasdfsd
    </textPath>
  </text>

</svg>

CSS

html,body,svg { height:100% }