I'm trying to rotate the square along with the text, using replace property in the style section, but not sure what I did wrong.


Here the html full page:


[
<html>
<head>
<script>
function w()
{
var v=document.getElementById(ẅe);
var c=v.replace("444","
transform:rotate(-80deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(-66deg)");
}
</script>





<style id="we">

div
{
font-size:200%;
width:300px;
height:300px;
background:red;
444;
}
</style>
</head>
<body>



<div id=gt> dklghrilghfd </div>

<input type="button" value="90" onclick="w();">




</body>

</html>]