Search code examples
htmlcssmenuwidthnav

Nav Menu Auto Width change according to browser


Nav Menu Auto Width change according to browserNav Menu Auto Width change according to browserNav Menu Auto Width change according to browserNav Menu Auto Width change according to browser

<div id="pageTop"> 
    <nav>


nav > ul > li > div ul > li {
    display: block;
}

Solution

  • You need some css properties such as float:left for nav ul li and padding. I have set your nav by following code visit link

    #pageTop {
        height: 172px;
        border: 1px red dashed;
    }
    
     nav ul li {
            height: 50px;
            width: 10.666666667%;
            text-align: center;
            background: #ddd;
            border-right: 1px solid #fff;
            float:left;
            padding:10px 0px;
            list-style:none;
        }