伪元素：之前和之后：在IE 10或11中不工作之后

Question

在Edge，谷歌浏览器和Firefox中，代码工作正常，但在IE中，它只显示标题2标记的后面而不是之前的任何一面。

明确可实现的策略

h2 { color: #333333; font-family: 'Lato', sans-serif; position: relative;
    font-size: 30px; padding: 0 10px 0 10px;
    z-index: 1;
    overflow: hidden;
    text-align: center;}

h2:before, h2:after { position: absolute;
    top: 51%; 
    overflow: hidden;
    width: 18%;
    height: 1px;
    content: '\a0';
    background-color: #333333; }
h2:before {
    margin-left: -20%;
    text-align: right;
}
h2:after {
    margin-left: 2%;
    text-align: right;
}