How to equally distribute elements horizontally using CSS

Question

I have eleven dots arrange horizontally using CSS. How can I evenly/equally distribute spacing between elements (mine are elements) based on the wi

Answer 1

Put all the spans in a div and give it display: flex:

.flexdiv{
    display: flex;
}

    span
    span
    span
    span
    span
    span