JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <style>v\:* { behavior:url(#default#VML); display:inline-block; antialias:true; }</style>
    <xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    </head>
    <body>
    </body>
</html>

JavaScript

$(document)
    .ready(function() 
    {
        $('<div style="position:absolute; left:100px; top:100px; width:200px; height:100px; background-color:#ffffff;" />')
            .appendTo('body')
            .append('<v:rect id="vmlRect" fillcolor="#0faaf0" style="position:absolute; top:0; left:0; width:50%; height:50%; z-index:9999999;" />')
            .show('blind', 800)
        
        $('#vmlRect')
            .append('<v:fill color="#ff00ff" color2="#00ff00" type="gradient" angle="90" />');
  });