スパンタグの中にリストを入れることは可能ですか？

Question

<span>タグはインライン要素であり、<li>はブロック要素です。ただし、<span>タグを使用するツールチップがあり、このツールチップ内のテキストをリストにしたいと考えています。ただし、span内に<ul><li>を入れることは、すべてのブラウザで機能しません（無効です）。

これは、HTMLコードです：

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

は、可能な仕事の周りにはありますか？

Answer 1

これを試してください。あなたは、インライン要素の中にブロック要素を入れたい場合は、あなたが実際にそれらの両方がブロック要素になりたいチャンスです：

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

またはすべてのあなたのツールチップについて：

a.tooltip{ 
    display: block; 
} 

Answer 2

私は心配しないだろうが、

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

Answer 3

：あなたは ul liは、コードの一部に破壊された場合、それについて知っていることを考えると、この例では、無効なコードについて多くに、あなたもおそらく無効であるとして、次を行うことができます

あなたが探していることができる技術的な答えは、アンカータグそのもののタイトル属性の中にツールヒントのテキストが入るということです。

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

まだ「美しい」ではありませんが、意味的には探しているものに近いです。さらに、javascriptを使用してアンカータグからそのタイトル値を抜き取って、もっときれいなことをすることができます。

Answer 4

ちょうどクラスを使用します。

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