Оформление заголовка с приминением before и after - Вопросы по CSS

h2:after, h2:before {
    content:"";
    position:absolute;
    background: url("../images/line-gray.jpg") repeat-x;
    width:100%;
    height: 1px;
    margin-top:0.9em;
}

h2 {
    font-size: 1.4em;
    font-weight: bold;
    background: #ffffff;
    position:relative;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    display: grid;
}