Navigation List At the bottom of the cw_home. html page is a navigation list with the id #bottom containing several ul elements. Sofia wants these ul elements laid out side-by-side. Open the cw_styles. css file and create a style rule for the bottom navigation list displaying it as a flexbox row with no wrapping. Set the justify-content property so that the flex items are centered along the main axis.

Question

Computers & Technology

Rowan Tyler

27 June, 17:13

Navigation List At the bottom of the cw_home. html page is a navigation list with the id #bottom containing several ul elements. Sofia wants these ul elements laid out side-by-side. Open the cw_styles. css file and create a style rule for the bottom navigation list displaying it as a flexbox row with no wrapping. Set the justify-content property so that the flex items are centered along the main axis.

+5

Answers (1)

Know the Answer?

Adrienne Murray · Answer 1

cw_home. html

Nav 1

Nav 2

Nav 3

Nav 1

Nav 2

Nav 3

Nav 1

Nav 2

Nav 3

cw_style. css

#bottom{

display:flex;

justify-content:center}

Explanation:

in HTML is used for unordered list. This tag display items in the form of list. tag is a type of item that can be displayed inside li tag. is a html tag to define a navigation bar element.

To center list using flex set display property of parent to flex and justify content in flex to center. This will center align all the content inside. It's important to note that flex justify content property only works for block elements in html like,.