Question

I have a UL > li's in my html, and the li’s are set to float: left.

My doubt is how to separate them, inside a father div, equally, so that doesn’t matter how many li’s are in the ul, they still have the same spacing between them?

If li’s are not ‘good’ to do that, what is better?

Answer 1

As per I understand is better you can write like this:

li + li{
    margin-left:10px;
}

You can also use display:table property for this. Write like this:

ul{
    display:table;
    width:100%
}
li{
    display:table-cell;
}