<div class="text">На рисунку можна бачити два однакових блока, тільки для другого задана властивість <strong>transform-origin: top left;</strong> разом з властивістю <strong>transform: rotate(16deg);</strong></div>
<div class="rotate">
  <pre><code>transform: rotate(16deg); 
<strong>transform-origin: top left;</strong></code></pre>
</div>
.text{
  background: none;
  width: 100%;
}
div {
  width: 310px;
  padding: 30px 20px 30px 46px;
  background: gold;
  font-family: monospace;
  font-size: 17px;
}

.rotate {
  margin: 40px;
  margin: auto;
  transform: rotate(16deg); 
  transform-origin: top left;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.