Меню из двух колонок с разделителем между ними?

Question

[Igness_Music]

Можно ли реализовать такой вариант меню как на картинке через 1 ul? и как? Или обязательно придется на две колонки разбивать? Пока что из придуманных вариантов с точки зерния верстки только задать одному из пунктов в центре стили разделител. Но может, кто уже сталкивался и делал подобное?

Answer 1

[iBird Rose]

как вариант картинку разделитель засунуть в один из li и стилизовать. тобишь у тебя идут ul>li - тот li который для картинки - задаешь класс и стилизуешь как тебе угодно.

Comments

[Igness_Music]

Именно так и думал сделать. Но потом с количеством пунктов если начнется возня могут проблемы начаться. Спасибо в любом случае

[iBird Rose]

Igness_Music: на бекенде можно сделать if в цикле вывода твоих li. и картинку разделитель засовывать всегда по середине. сколько бы li не было в списке.

Answer 2

[alvvi]

Можно, именно заданием стилей элементу (предварительно повешав на него класс) сделать легче всего. Но будьте осторожны с адаптивкой потом, разделить такое меню на два куска сложнее, если изначально сверстать его как один.