html,body,svg { height:100% }

by Hooman Askari

HTML

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

<svg xmlns="http://www.w3.org/2000/svg"><foreignObject x="0" y="0" width="100%" height="100%"><div xmlns="http://www.w3.org/1999/xhtml">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,
      porta vel dui convallis, rutrum imperdiet eros. Aliquam
      erat volutpat.
    </div>
    <style>
      div {
        color: red;
        font: 18px sans-serif;
        line-height: 1.9;
      }
    </style></foreignObject></svg>

CSS

html,body { height:100% }