Auto-ajustar

[leoass]

este seria el html del menu.

Código HTML:

<ul class="mi-menu">
  <li><a href="URL_enlace_1"> Pagina principal </a></li>
  <li>
    <a href="#">Meditaciones</a>
    <ul>
      <li><a href="URL_enlace_2.1">Submenu 2.1 </a></li>
      <li><a href="URL_enlace_2.2">Submenu 2.2</a></li>
      <li><a href="URL_enlace_2.3">Submenu 2.3</a></li>
    </ul>
  </li>
  <li>
     <a href="URL_enlace_3">Mi ciudad</a>
         <ul>
             <li><a href="URL_enlace_2.1">Submenu 2.1 </a></li>
             <li><a href="URL_enlace_2.2">Submenu 2.2</a></li>
             <li><a href="URL_enlace_2.3">Submenu 2.3</a>
                <ul>
                   <li><a href="#">Submenu 2.3.1</a></li>
                   <li><a href="#">Submenu 2.3.2</a></li>
                </ul>
             </li>
         </ul>
  </li>
  <li>
     <a href="URL_enlace_3">Enlaces</a>
         <ul>
             <li><a href="URL_enlace_2.1">Submenu 2.1 </a></li>
             <li><a href="URL_enlace_2.2">Submenu 2.2</a></li>
             <li><a href="URL_enlace_2.3">Submenu 2.3</a></li>
         </ul>
  </li>
</ul>