JSFiddle - React, Tailwind, and code Playground

HTML

<div class="myad">  
<!-- this script loads the ad -->
        <script type='text/javascript'>
        var age = "23";
        var gender="male";
        //var location1="testifying";
        
           var m3_u = (location.protocol=='https:'?'https://openxtest.wfihotspotnet.in/delivery/ajs.php':'http://openxtest.wfihotspotnet.in/delivery/ajs.php');
           var m3_r = Math.floor(Math.random()*99999999999);
           if (!document.MAX_used) document.MAX_used = ',';
           document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
           document.write ("?zoneid=6");
           document.write ("&amp;TarGender=");
           document.write ('&amp;cb=' + m3_r);
           if (document.MAX_used != ',') document.write ("&amp;exclude=" + document.MAX_used);
           document.write (document.charset ? '&amp;charset='+document.charset : (document.characterSet ? '&amp;charset='+document.characterSet : ''));
           document.write ("&amp;loc=" + escape(window.location));
           if (document.referrer) document.write ("&amp;referer=" + escape(document.referrer));
           if (document.context) document.write ("&context=" + escape(document.context));
           if (document.mmm_fo) document.write ("&amp;mmm_fo=1");
           document.write ("'><\/scr"+"ipt>");
            </script> </div>

CSS

.myad{
    width: 310px;
    margin:0 auto;
}

html, body {
        width:100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
    
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        overflow: auto;
        position: fixed;
        margin-left: auto; margin-right: auto;
        
        }