HR：不在IE11工作

Question

我的人力资源：内容在IE11中不起作用。它应该看起来像这样

------- ------- MFG

而不是边界直接穿过MFG。有没有人用IE11遇到过这个问题？

如果您想查看它，可以查看rangaire.herokuapp.com

下面的css：

hr:after {
    content: "MFG";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 2.2em;
    padding: 0 0.14em 0 .2em;
    background: white;
    color: #1D2148;
    letter-spacing: 2px;
    margin-right: .1em;
    font-weight: 100;
}

Answer 1

我将它更改为div，将hr标记更改为.mfg类，然后将hr：after更改为.mfg :: after。