Podrías usar un pseudo-elemento y crear un triángulo jugando con los bordes. Luego lo ajustas con un posicionamiento absoluto:
Código CSS:
Ver originalli {
position: relative;
}
li:after {
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 0;
margin-left: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #cfcfcf;
content: '';
}
El resultado sería algo tal que: