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!!!