title: Is it possible to rotate element, but not its content with css3?
body: <p>I have the following element</p>
  
  <pre><code>&lt;a href="#" class="some_class"&gt;Test Text Here&lt;/a&gt;
  </code></pre>
  
  <p>and this element has light blue background and some padding. Today I came across one small challenge: I know we can rotate element, however its contents are also rotated. What I was trying to achieve looks like this:</p>
  
  <p><img src="https://i.stack.imgur.com/RCe6e.jpg" alt="enter image description here"></p>
  
  <p>So the element itself is slightly rotated, however its contents stay in place. Is this achievable just with CSS3? I tried playing around with several nested elements, however by rotating their parent element all child elements rotated as well. Also can this be done with single element, like example stated above?</p>