Центрирование логотипа состоящего в списке меню?

Question

[Роман Романович]

Добрый день!
Как можно центрировать логотип состоящий в списке меню вот скрин, сам логотип я поместил в список
html:

<nav>
		<ul class="list_menu">
			<li><a href="#">Доставка</a></li>
			<li><a href="#">Оплата</a></li>
			<li><a href="#"><img src="img/logo.png" alt=""></a></li>
			<li><a href="#">Самовывоз</a></li>
			<li><a href="#">Сотрудничество</a></li>
		</ul>
	</nav>

css:

av{
		font-size: 19px;
		text-transform: uppercase;


		ul.list_menu{
			list-style-type: none;
			text-align: center;

			li{
				display: inline-block;
				margin-right: 115px;

				&:last-child{
					margin-right: 0;
				}

				a{
					font-size: 19px;
					color: #fff;

				}
			}
		}
	}

Answer 1

[Дмитрий]

если элементов 5 как в вашем случае, можно и так
jsfiddle.net/dikucher/bdLt1qy7

Answer 2

[Faber Estello]

так и img или a поставить inline-block; vertical-alighn: middle; Должно бы работать.

Comments

[Роман Романович]

Sen Selesss нужно чтобы логотип был посередине к отношению экрана

[Faber Estello]

Роман Романович: если к отношению экрана, то только position: fixed; а на то место пустую li-шку (но с какой-то шириной) хотя это я думаю и это не вариант ... наверное не так понял вопрос, извините)

Answer 3

[Сергей Сергей]

для li поставить фиксированную ширину.