How to make blocks in the form of a parallelogram?

Question

css

How to make such blocks in CSS and HTML. No content distortion inside.

Answer 1

Use transform: rotate(deg angle) for block

Answer 2

It can also be implemented using border'a. I myself needed such a feature on my site, but I didn’t figure it out with the border, so I had to use skew.