How to make an equal distance between elements footer?

Tags: html,css

Problem :

I have this site:

In the footer of the site I have 3 items ("contact info","customer care","about us","social media").

How do I do to have an equal distance between these elements? I've tried to modify the CSS code but unfortunately we did. I posted a section of code that I have no idea who would be best suited for this problem. I would ask if you can inspect least CSS code and give me advice please.

Solution :

<div class='footer'> 
      <div class='footer-box'> 
      <div class='footer-box'> 
      <div class='footer-box'> 

.footer-box { width: 33.33%; float: left; box-sizing: border-box; padding: 20px; }

    CSS Howto..

    how to show button and images in one line using css

    How to add css properties inside the PHP tag

    How to make a left and right panel, and be able to slide a divider between them?

    How to make flashing text in Css? [duplicate]

    How can vertically center a chunk of line-wrapping text next to an image?

    Hide/Show Div Depending on Screen Width

    How to apply css selector in ZK

    How to add a hover transition effect on the navigation?

    How to highlight the table row using jquery in Rails 3?

    How to create styled boxes on a webpage in where I can add graphs,gaugs,numbers?

    HTTPS and how to reference files and images

    How to position an icon in a metro-like web GUI? (images included)

    how to give css height a percentage of a different div (above original div)

    How can I turn off hardware acceleration for certain HTML elements via CSS?

    How do I require main.css.erb in application.css

    How can I make an image carousel with only CSS?

    How to edit the css?

    How to animate a div to move from end to end infinitely

    How to create and style dropdown menus using the wordpress menus section? [closed]

    How put some horizontal offset to an element bottom border with CSS?

    How to stop CSS within a RichText field from overwriting document

    How to make sure that different severity Toasters are shown differently?

    How does positioning work in HTML/CSS?

    How to repeat a code in html without writing the same code again and again

    Heroku Not Showing SCSS Background Images

    How to use Javascript to get a visitors monitor resolution?

    How to use horizontal scroll when you have way many columns

    How to Generate All Possible CSS 2 Selector Combinations?

    Flexbox: How do I create my thumbnails to span 100% of the container width?

    How to make angled borders for tables.