¿Es posible poner una lista dentro de una etiqueta span?

Question

Soy consciente de que la etiqueta <span> es un elemento en línea, mientras que <li> es un elemento de bloque. Sin embargo, tenemos una información sobre herramientas que usa una etiqueta <span> y queremos convertir el texto dentro de esa información sobre herramientas en una lista. Sin embargo, poner <ul><li> span interior no funciona en todos los navegadores (y no es válido). no

<a class='tooltip'>Text<span>Text that we want to become a list</span></a> 

Es una posible solución:

Este es el código HTML?

Answer 1

Pruebe esto. Es probable que si usted quiere poner un elemento de bloque dentro de un elemento en línea, usted realmente quiere que ambos a ser elementos de bloque:

<a class='tooltip' style="display: block;">Text 
    <div> 
     <ul> 
      <li>Item 1</li> 
      <li>Item 2</li> 
     </ul> 
    </div> 
</a> 

O para todas sus tooltips:

a.tooltip{ 
    display: block; 
} 

Answer 2

Aunque no se preocuparía al tanto de código no válido en este caso, dado que se sabe sobre él, si el ul li está rompiendo en una parte del código, puede hacer lo siguiente, que también es probablemente válido:

<a class='tooltip'>Text<span>List item 1<br /> 
          List item 2<br /> 
          List item 3</span></a> 

Answer 3

Creo que la respuesta técnica que podría estar buscando es que el texto de información sobre herramientas debe ir dentro del atributo del título de la propia etiqueta de anclaje.

<a href="link.htm" title="&bull;List item 1 &#10; &bull;List item 2 &#10;">Text</a> 

Todavía no es "hermoso", pero semánticamente está más cerca de lo que estás buscando. Además, puede usar javascript para obtener ese valor de título de la etiqueta de anclaje para hacer algo más bonito.

Answer 4

sólo tiene que utilizar una clase:

<ul class='melikenachos'> 
</ul>