Пытаюсь разобраться с созданием меню на css. Имеется вроде как стандартное горизонтальное меню, с выпадающим из второго пункта подменю. Вот как оно должно выглядеть: 1. Ссылка должна срабатывать при нажатии на свободную область блока вокруг неё, а не только на саму ссылку. 2. Текст ссылок должен быть выровнен вертикально по центру пункта меню (в том числе двухстрочный текст).
Проблема которая у меня возникают при попытке это реализовать: Задаю ссылке блочный тип и высоту, чтобы ссылка срабатывала при нажатии на свободное место вокруг - текст ссылки смещается и отказывается центрироваться по вертикали. Соответственно в итоге получаю либо п.1, либо п.2, одновременно оба пункта не получается реализовать.
Изначально пытался использовать flexbox при создании меню, и все вроде бы шло легко, но выпадающее подменю в таком случае выпадало почему-то по центру пункта меню, а не под ним (выравнивалось вместе со всеми пунктами меню).
В итоге вообще запутался.