Как создать ромбовидный прямоугольник с помощью CSS?
Заставило задуматься.
https://jsfiddle.net/webirus/otfx1am0/
Если задача не чисто спортивная, а из реальной жизни, то НЕ нужно делать это на CSS.
Нужна кар-тин-ка.