You can use CSS3 transforms, and to keep contents from appearing transformed, you transform them the opposite of their parent.
For example:
.outer{
transform: skew(0deg, -5deg) ;
}
.inner{
transform: skew(0deg, 5deg) ;
}
Here’s a Working Example demonstrating this.
HTH,
-Ted
0
solved How to make html div block look like cut? Example inside [closed]