Ask Question
17 October, 03:51

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.

+3
Answers (1)
  1. 17 October, 06:50
    0
    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,.
Know the Answer?
Not Sure About the Answer?
Find an answer to your question ✅ “Navigation List At the bottom of the cw_home. html page is a navigation list with the id #bottom containing several ul elements. Sofia ...” in 📘 Computers and Technology if you're in doubt about the correctness of the answers or there's no answer, then try to use the smart search and find answers to the similar questions.
Search for Other Answers