Answers for "divider line in html"

0

html divider

Default:
<hr/>

OR:
<hr class="dashed" style="border-top: 3px dashed #bbb;">
<hr class="dotted" style="border-top: 3px dotted #bbb">
<hr class="solid" style="border-top: 3px solid #bbb;">
<hr class="rounded" style="border-top: 8px solid #bbb;border-radius: 5px;">
Posted by: Guest on October-25-2021
0

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;
}
Posted by: Guest on August-27-2020

Browse Popular Code Answers by Language