如何移动CSS生成的箭头？

Question

http://cssarrowplease.com/

If I go there, you'll see arrows at the top middle of the box.

How can I make the arrow be the top, but 25% (from the left) instead of middle?

Answer 1

.arrow_box::before {
border-bottom-color: #C2E1F5;
border-width: 36px;
left: 25%;
margin-left: -36px;
}

.arrow_box::after {
border-bottom-color: #88B7D5;
border-width: 30px;
left: 25%;
margin-left: -30px;
}