если посмотреть на ваш вопрос и реализацию ширее, так сказать, то похоже вы изобретали респонсивность меню. (тоесть адаптивность, после шестого пункта с новой строки ... потому как не влазит ) так не делается, вернее в HTML так не делается
все советы правильные но если идти от прописных истин то скорее вот это решение
самое правильное. Ведь в html вы должны описывать, что выводить, а в CSS как выводить. исходя из этой (базовой) логики, вам ни в коем случае для пункта
ничего прописывать не надо, и не важно куда он прилипает
вам надо позаботится о контейнере (куда вписано ваше меню, его ширине и высоте и о его взаимодействии с изменением ширины окна) потом продумать логику как будут "сворачиваться" не влезающие пункты и прописать вышеупомянутое правило. (float:left\right)
а если цель просто двустрочное меню, так можно просто два модуля меню одно на другое взгромоздить, и то будет симпатичнее (да с небольшим избытком кода
но это лучше чем забыть, как ты сделал перенос, через положим ... полгода