：位置后：修复语法

Question

我尝试使用:before和:after伪元素在CSS中创建一行。我希望使用position : absoute以及顶部和底部语法使其显得更高/更低。我使用底部语法成功地将其应用于:before伪元素，但是当我尝试使用顶部语法:after时，该行消失了。这是我的代码（div类是＆＃39; transition＆＃39;）：

.transition:before {
    content : "";
    margin: auto;
    position: absolute;
    left: 12.5%;
    bottom: 18%;
    width   : 75%;
    border-bottom:2px solid slategray;
}

.transition:after {
    content : "";
    margin: auto;
    position: absolute;
    left: 12.5%;
    top: 18%;
    width   : 75%;
    border-bottom:2px solid slategray;
}

提前致谢！