JSFiddle - React, Tailwind, and code Playground

by sridhar reddy

HTML

<div class="orderOne">
A
</div>

<div class="orderTwo">
A
</div>

CSS

.orderOne,
.orderTwo{
  font-family: sans-serif;
  font-size: 22px;
  color: #000;
  display: inline-block;
}

.orderOne{
  transform: scale(1,1.5) rotate(90deg);
}

.orderTwo{
  transform: rotate(90deg)  translateX(100px);
}