アコーディオン仕様の中の ul li の中にリンクタグを付けると勝手に改行される

ホームページ制作中です。
アコーディオン仕様の中の ul li の中にリンクタグ(a href=)を付けると勝手に改行（折り返し）されてしまいます。
対策として ul の display を none から block に変更すると、アコーディオン機能が働かなくなります。
どなたか、解決方法を教えて下さい。
宜しくお願いいたします。

質問者からの補足コメント

• 

  解決しました。
  
  li a に display:block; でなく display:inline; を設定したら、見事に解決しました。
  
  ありがとうございました。

    補足日時：2017/07/27 17:53

No.1 ベストアンサー 回答者： kuroki55 回答日時： 2017/07/27 10:41

私はslimmenueを使ってドロップダウンメニューを作りました。

CSSだけで作っている下記サイトは参考になりませんか。
li aにdisplay:block;を設定しています。
http://weboook.blog22.fc2.com/blog-entry-408.html

この回答へのお礼

ご回答頂き、ありがとうございます。

li a にdisplay:block;を設定したり、
ul.active にdisplay:block;を設定したり、
ul:hover にdisplay:block;を設定したり、
いろいろやってみますが、改行（折り返し）されてしまいます。

ul にdisplay:block;を設定すると
改行（折り返し）されなくなりますが、
アコーディオン機能が働かなくなります。

お礼日時：2017/07/27 16:50