separator css code example
Example 1: 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;
}
Example 2: separadores html css
<ul class="acorh">
<li><a href="#">OPCIÓN 1</a>
<ul>
<li><a href="URL11">Opción 1.1</a></li>
<li><a href="URL12">Opción 1.2</a></li>
</ul>
</li>
<li><a href="#">OPCIÓN 2</a>
<ul>
<li><a href="URL21">Opción 2.1</a></li>
<li><a href="URL22">Opción 2.2</a></li>
<li><a href="URL23">Opción 2.3</a></li>
</ul>
</li>
<li><a href="#">OPCIÓN 3</a>
<ul>
<li><a href="URL31">Opción 3.1</a></li>
<li><a href="URL32">Opción 3.2</a></li>
</ul>
</li>
</ul>