JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parallelogram">
  <div class="parallelogram__in">Хочу быть ровным</div>
</div>

CSS

.parallelogram {
	width: 170px;
	height: 100px;
	transform: skew(-30deg);
	background: red;
  text-align: center;
}

.parallelogram__in {
  transform: skew(30deg);
}