Как перенести во вторую колонку часть пунктов из вертикального меню?

Question

[ayapergenov]

Есть вот такое меню
Нужно, чтобы в первой колонке отображались 4 пункта, а во 2 колонке остальные два.

Answer 1

[Valery]

codepen.io/anon/pen/aOWadK

Для всех пунктов, начиная с пятого, делаем отступ слева, равный ширине меню:

.menu li:nth-child(n+5){
    margin-left: 215px;
}

Пятый пункт тянем вверх с помощью отрицательного margin (значение зависит от высоты первой колонки)

.menu li:nth-child(5){
    margin-top: -108px;
}

Comments

[ayapergenov]

Спасибо! Не догадался, что nth-child можно использовать таким образом.