Как разместить ссылку в li по центру при a { display: block }?

Question

[Кирилл П.]

Вот код:

.navbar ul {
	display: table;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
}

.navbar ul li {
	transition: background .2s;
	display: table-cell;
	height: 79px;
	vertical-align: middle;
	padding: 0px 15px;
}

.navbar ul li:hover {
	transition: background .2s;
	background: #8D99AE;
	height: 79px;
	padding: 0px 15px;
}

.navbar ul li a {
	text-decoration: none;
	color: #EDF2F4;
	font-family: 'PT Sans';
	font-size: 14px;
	height: 100%;
	display: block;
}

Answer 1

[Ivan Bogachev]

В случаях с подобной навигацией часто используют свойство line-height у ссылок - например так.

Answer 2

[Alexander Litvinenko]

Flex, space-between