Сделайте 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.