CODEWITHSUNDEEP
htmlcsscss-position
Gandalf the Gay
Gandalf the Gay

Reputation: 420

Positioning elements in fixed menu

I have problem with positioning three elements in fixed top menu on my website. I want to look like that: logo on left site, sign in on right site and menu in the middle of navbar.

How my problem looks like in this picture

How should I do this right?

Upvotes: 0

Views: 70

Answers (2)

user6093043
user6093043

Reputation:

Given that IE does not fully support flex-box, here's an alternative solution which is based on Mamboleoo's code, but uses float: left; and float: right; on the logo and sign-in link respectively: https://jsfiddle.net/vavx5heb/

Upvotes: 0

Mamboleoo
Mamboleoo

Reputation: 519

You can create this layout really easily with flexbox !

Here is an example: https://jsfiddle.net/7n1w4sn6/

Apply a display: flex; & justify-content: space-between; on the container of your menu.

Upvotes: 2

Related Questions