Как сверстать такой див с углом?

Question

[hax0r :3]

Всем привет, как сверстать такой див с уголком? Без использования картинки.

Answer 1

[Игорь Павленко]

Еще один костыльный вариант: https://jsfiddle.net/v8wr6yay/
Но я бы на вашем месте взял svg-картинку и не парился. Мания сделать все на css не всегда приводит к хорошему результату)

Comments

[hax0r :3]

А как на svg сделать? я просто не знаю как такой угол нарисовать.

[Игорь Павленко]

hax0r :3: уроки по иллюстратору (www.youtube.com/user/vectorguide/videos) вам в помощь, если совсем не знакомы с svg можете этот урок посмотреть (https://www.youtube.com/watch?v=S0OnkpIoEyQ)

Answer 2

[Lumore]

codepen.io/anon/pen/bEqZoO

Answer 3

[display: block]

Так в Яндексе реализовано
https://jsfiddle.net/4fr44g4w/

Answer 4

[Kuat Mustafin]

codepen.io/kuatmus/pen/BjWbdO