How Can I Center My Ul Li List In Css?

I have the following html code:

Copy

Good luck! ;)

Solution 2:

Similar question added few time ago How do I get my <.li> centered in my nav

You simply have to add text-align: center to ul element like this:

.footer-nav{
    text-align: center;
}

.footer-navli {
    list-style: none;
    padding: 5px;
    display: inline-block;
}

Solution 3:

You should try replace li {float:left;} by li {display: inline-block;} and put its parent ul {text-align: center;}

Solution 4:

Add this into ul css style

section.videoul {
    margin-top: 30px;
    list-style-type:none;
    display:flex;
    justify-content: center;    
}

See jsFiddle http://jsfiddle.net/tfLz08vd/83/

Share