給文章标題後面添加個好看的辨別

給文章标題後面添加個好看的辨別

效果如下

給文章标題後面添加個好看的辨別！<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;
}