or separator css

1<----------------------------- HTML ----------------------------------->
2<div class="separator"></div>
3
4<----------------------------- CSS ----------------------------------->
5.separator {
6    width: 100%;
7    border-bottom: solid 1px;
8    position: relative;
9    margin: 30px 0px;
10}
11
12.separator::before {
13    content: "OR";
14    position: absolute;
15    left: 47%;
16    top: -8px;
17    background-color: #fff;
18    padding: 0px 10px;
19}