JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bloczek">
  <ul>
    <li>Wykop</li>
    <li>PEEL</li>
    <li>śmieszneeeeeeeeeeeeppl</li>
    <li>obrazki</li>
  </ul>
</div>

CSS

.bloczek {
  /* margin: 50px; */
  float: left;
  /* transform-origin: 120px 100px; */
  transform: rotate(270deg) skewY(25deg) translateX(-50px);
}