<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>DOM Core: createElementNS()</title>
  <script type="text/javascript">
    function test() {
      var test1 = document.createElementNS('http://www.w3.org/1999/xhtml', 'blockquote');
      test1.appendChild(document.createTextNode('This line should be green.'));
      var div = document.getElementById('test');
      div.removeChild(div.firstChild);
      div.appendChild(test1);
    }
  </script>
  <style type="text/css">
   div { background: maroon; color: yellow; }
   blockquote { background: green; color: white; font: inherit; margin: 0; padding: 0; }
  </style>
 </head>
 <body onload="test()">
  <div id="test">FAIL</div>
 </body>
</html>
