JSFiddle - React, Tailwind, and code Playground

by oraclepadawan

HTML

<html>
   <head>
      <style>

         /*este es el estilo que da apariencia a las cajas*/
           
         div {
            width: 12rem;
            height: 11rem;
            background-color: blue;
            border: 4px solid red;
            color: wheat;
            text-align: center;
            font-size: 4rem;
         }
          /*rotación*/
         div#Div {
            /* IE 9 */
            -ms-transform: rotate(-50deg); 
         
            /* Safari */
            -webkit-transform: rotate(-50deg);
         
            /* Standard syntax */	
            transform: rotate(-50deg);
         }
      </style>
   </head>

   <body>
      <div>
         caja 1
      </div>
      
      <div id = "Div">
         caja 2
      </div>
   </body>
</html>