У меня есть этот кусок кода с использованием начальной загрузки и чистого CSS:
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="bg-dark">
<div style="transform:rotate(45deg)" class=" col-4 h-50 bg-danger">
<p style="transform:rotate(-45deg)" class=" text-light">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Error adipisci nisi vel incidunt saepe recusandae minus alias maiores dolore quidem nesciunt dicta nihil aut officia dolor, soluta, at, veniam totam. Lorem ipsum, dolor sit amet consectetur adipisicing
elit. Error adipisci nisi vel incidunt saepe recusandae minus alias maiores dolore quidem nesciunt dicta nihil aut officia dolor, soluta, at, veniam totam.
</p>
</div>
</div>
, как вы видите, я повернул тег div для 45deg и тег p -45deg.
Я хочу, чтобы текст соответствовал требованиямтам нет поворота.
но теперь текст выпадает из div. как я могу это контролировать?