给文章标题后面添加个好看的标识

给文章标题后面添加个好看的标识

效果如下

给文章标题后面添加个好看的标识！<i class="public-icon-first">标识</i>

代码如下

HTML代码

给文章标题后面添加个好看的标识！<i class="public-icon-first">标识</i>
           

CSS代码

.public-icon-first{
    border: 1px solid #e94c3d;
    border-radius: 3px;
    color: #e94c3d;
    display: inline-block;
    font-family: inherit;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: 700;
    height: 19px;
    line-height: 16px;
    text-align: center;
    width: auto;
    padding: 0 2px;
}