JSFiddle - React, Tailwind, and code Playground

HTML

<div id='parallelogram'>
  <div>Хочу быть ровным</div>
</div>

CSS

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

#parallelogram div {
 	-webkit-transform: skew(30deg);
	   -moz-transform: skew(30deg);
	     -o-transform: skew(30deg);
}