JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<div class="rotate-container">
  <div class="rotate-demo rotate-270-ie">Our Element</div>
</div>

CSS

.rotate-container {
  height: 100px;
  width: 100px;
  margin: 0px auto;
  border: 1px solid #949494;
  background-color: #EFEFEF;
}
.rotate-demo {
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #A2D700;
  background-color: #F6F6F6;
}

.rotate-demo   {  zoom: 1 }
.rotate-270-ie {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}