Получение нижнего края div со стрелкой

Я очень стараюсь получить короткую стрелку внизу элемента div, например:

div со стрелкой

Я пытался использовать границы :after и прочее, но элемент не является фиксированным, поэтому у меня проблемы, поскольку все они, похоже, используют границы фиксированного размера в пикселях, которые работают только на основе заданной ширины. Игра с ним, чтобы заставить их использовать %, похоже, вообще не работает.

Есть идеи?

Вот что я пробовал на данный момент: http://dabblet.com/gist/ac3fe9ec510a12cec286


person Michael Baldry    schedule 17.06.2015    source источник
comment
Покажите код, который вы пробовали, а также покажите структуру HTML.   -  person connexo    schedule 17.06.2015
comment
Спасибо, не нашел этот вопрос. Он делает именно то, что я хочу   -  person Michael Baldry    schedule 17.06.2015