Div Line css of Images

 

**** HTML:

<hr class="line-main">

**** CSS:

.line-main {

    border: none;

    position: relative;

    height: 6px;

    margin-top: 20px;

}

.line-main::before {

    content: "";

    background-image: url(../images/line-rept.png);

    background-repeat: repeat-x;

    position: absolute;

    width: 100%;

    height: 6px;

    top: 0;

    left: 0;

}