Jump to content

Center in a menu with 2 w3-half containers


Recommended Posts


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:forum-expected.thumb.png.356acd9b6a10e4a9b0e34a49da289a20.png

But, It does not work :mellow: I got this result:forum-result.thumb.png.b147379aed8d826b558e24eacb37cc41.png

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

Many thanks in advance for your help!!!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...