Совсем не частый случай, тем не менее я с ним столкнулся и потратил определенное время на то, чтобы перенести inline элемент на другую строку. Кейс заключался в том, чтобы элементы списка, выстроенные в строку (горизонтальная менюшка), расположить в три строки:
Разные варианты пробовал, но получилось следующим образом:
1 2 3 4 |
li:nth-child(4):after { content: '\A'; white-space: pre; } |
Потыкать пример можно ниже 🙂
See the Pen VRJrpV by Sergey (@norzserge) on CodePen.dark
Спасибо, все работает