How to add space between elements so they fill their container div?

user_4241959 0
Viewed 120157

I want to add space between spans so that the leftmost and rightmost spans will be close to the edges of the inner div. I've tried to add the following rule, but it had no effect.

span.icon-square {
    margin: 0 auto;
}

span.icon-square:first-child {
    margin-left: 0;
}

span.icon-square:last-child {
    margin-right: 0;
}

The illustration of what I'm trying to achieve is given below:

enter image description here enter image description here

So, what am I missing?

css
2 Answers
Related