Aligning css arrow boxes

Question

My question is similar to this question: Arrow Box with CSS But instead of only 1 box I need to align several boxes. And still be able to see the arrow on all boxes.

In

Answer 1

add this :

.arrow:first-child{
 z-index:10;   
}

JsFiddle with correction