![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3f049c466616976759b32bd4a7faa85b.png)
如何实现如图中的箭头?
<div class="box">
<span>城市:</span>
<span>山西</span>
</div>
.box {
position: relative;
}
.box::after {
position: absolute;
content: '';
width: 8px;
height: 8px;
top: 50%;
left: 22%;
border-left: 2px solid pink;
border-bottom: 2px solid pink;
transform: translateY(-60%) rotate(-45deg);
}