How to centralise my menu

Participant ,
Apr 15, 2020 Apr 15, 2020

Copy link to clipboard

Copied

Can any of you kind souls show me how to move this menu into the middle of the page please?  I have tried the margin 0 auto thing on both the nav tag and also on the .menu class.  After fiddling around for a couple of days it still sticks resolutely to the far left edge!  The page is at: http://v45.ancestry.higgsy.co.uk/menu3.html Thanks

TOPICS
Code , How to

Views

751

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Apr 15, 2020 Apr 15, 2020

Add the below selector to your css styles:

 

nav {
display: flex;
justify-content: center;
background-color: #515f9c;
}

Likes

Translate

Translate
LEGEND ,
Apr 15, 2020 Apr 15, 2020

Copy link to clipboard

Copied

Add the below selector to your css styles:

 

nav {
display: flex;
justify-content: center;
background-color: #515f9c;
}

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Apr 15, 2020 Apr 15, 2020

Copy link to clipboard

Copied

LATEST

brilliant! osgood saves the day again, many thanks, David

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines