Как наиболее грамотно сверстать стрелочки?

Question

[Silaev]

Привет, хабр. Хочу задать вопрос. Есть несложный блок, который нужно сверстать, но как его сверстать наиболее грамотно?

Answer 1

[blare]

jsfiddle.net/rNsJk/

Вот примерный код

Answer 2

[Anton Bobylev]

Попробуйте так: cssarrowplease.com/

Comments

[Салават Ситдиков]

Это же разные задачи, или нет?

Answer 3

[Николай Антал]

Так же учтите при использовании выше упомянутом способе что фаєрфокс плохо реагирует на transparent, и нужно использовать rgba, а IE8 наоборот — непонимает rgba и чудесно отрабатывает transparent.
Это на случай, если вы раньше с этими методами не сталкивались или не встречали артефактов