Center in a menu with 2 w3-half containers

[VonDriguen]

Dears,

I am trying to split a navigation menu in 2 parts and to center all the items in both part. In other words, find below the expected result:

But, It does not work  I got this result:

Can you please help me? This is my HTML code:

<div class="w3-margin-top">
	<div class="w3-bar w3-light-grey w3-border w3-card-4">
		<div class="w3-half w3-center">
			<a href="#" class="w3-bar-item w3-button"><img src="images/logo-test.png" alt="logo"/></a>
		</div>
		<div class="w3-half w3-center w3-cell-middle">
			<a href="#" class="w3-bar-item w3-button">Link 1</a>
			<a href="#" class="w3-bar-item w3-button">Link 2</a>
			<a href="#" class="w3-bar-item w3-button">Link 3</a>
		</div>
	</div>
</div>

Many thanks in advance for your help!!!