一个＜i＞标签的应用

情景：

我们会遇到有这样的小需求，在每个标签内容的右边添加一个竖线分割开内容，一开始我会用border-right 来做，但是border的长度会被内容的高度影响，效果不好；这里我们用标签来试一下~
这里直接提供标签的css样式：

    display: inline-block;
    width: 1px;
    height: 16px;
    background: #333;
    margin: 0 30px;
    vertical-align: middle;