design a divider html css code example

Example: or separator css

<----------------------------- HTML ----------------------------------->
<div class="separator"></div>

<----------------------------- CSS ----------------------------------->
.separator {
    width: 100%;
    border-bottom: solid 1px;
    position: relative;
    margin: 30px 0px;
}

.separator::before {
    content: "OR";
    position: absolute;
    left: 47%;
    top: -8px;
    background-color: #fff;
    padding: 0px 10px;
}