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>

Tags:

Html Example