Сделайте sub ul и li inline

Я разрабатываю навигационное меню. Там я добавляю второе подменю. Поэтому я не смог получить второе подменю с подменю

Мой код просто в jsfiddle, чтобы вы, ребята, поняли легко. Я знаю, что он немного изменил CSS. Но я еще не нашел решение. Может кто-нибудь дать мне предложение, пожалуйста.

вот мой код

<ul>
 <li>item one</li>
 <li>item two two two two two
 <ul>

 <li>Item sub</li>
 </ul>
 </li>
 <li>item three three</li>
</ul>

jsFiddle link

1 ответ

это то, что вы ищете?

JSFIDDLE

удалить clear: left от вторичных uls и добавить display:inline-block к основному лизу.

также добавьте элементы span, чтобы обернуть текст и поместить их влево, чтобы вторичные элементы ul li приблизились к одной строке.

licensed under cc by-sa 3.0 with attribution.