Как сделать ромбовидный div?

Question

[Caesar1337]

Добрый день, подскажите как реализовать данную фигуру, так, чтобы контент оставался горизонтально.

Comments

[Andrei1penguin1]

Все очень просто, используй css свойство clip-path: polygon()
Так ты можешь любую фигуру с прямыми линиями нарисовать

[Ankhena]

Псевдоэлемент.

Скругляете, задаете размеры и поворачиваете.

Answer 1

[iBird Rose]

гугли "rhombus layout codepen"
https://codepen.io/fafi/pen/cqDCu
https://codepen.io/imhvost/pen/KmweVp

Answer 2

[Юрий Литвиненко]

вот так:
https://jsfiddle.net/litdon/rovk468d/2/