Блок сделан в виде параллелограмма. Нужно, чтобы текст (или любой другой контент) внутри него выравнивался относительно боковых наклонных сторон. При этом текст не должен быть наклонным.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<style>
#parallelogram {
width: 150px;
height: 100px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
background: red;
}
</style>
<body>
<div id="parallelogram">
<p>Текст тескт текст тескт текст тескт текст тескт текст тескт текст тескт текст тескт текст тескт текст</p>
</div>
</body>
</html>
Простой
