Как сделать высоту a {} по высоте родителя ul?

Спасибо за решение. Можете объяснить логику inline-flex и 0 в padding?

У флекса по умолчанию все внутренние элементы (в данном случае a) растягиваются на всю высоту родителя. У li высота неопределена, точнее на всю выстоту ul, которая у вас задана через line-height.

Можно было бы сделать и так https://jsfiddle.net/sok0nw7m/ (цветом фона выделил размер li. Но тогда пришлось быть придумать как растянуть высоту a до размеров li.