html css 中怎样控制用border拼出来的小三角的位置？

                                                     <span class="item_expand"></span>
                                                    <span>@group.Name</span>
                                                </div>

                                                                                            就是三角和内容并列，但是显示效果如图![图片说明](https://img-ask.csdn.net/upload/201607/28/1469678660_640741.png)

                                                                                            小三角的位置偏下，怎么调都不对。下面是三角形的类item_expand：![图片说明](https://img-ask.csdn.net/upload/201607/28/1469678836_464653.png)