Centering 5 Icons with equal spacing

[tsimarketing]

On one of my pages, I have 5 icons I would like to center on the same line with equal spacing between all of them. Is there a css code that I could use to achieve this? I tried messing with the same 5 icons that are on another page, and I got them to look centered and have equal spacing but when I look at the page in mobile view the buttons are not aligned correctly. The link to the page is http://tsihealthcare.com/maintesting/?page_id=4383 and they are the icons in the “one database, five integrated tools” section.

[laranz – SUPPORT]

Hi,

Currently it is centered on the page right those 5 icons, http://take.ms/gxqk6

Let us know,

Thanks,
laranz.

[tsimarketing]

Yes, the icons are centered on the page. I guess I worded my question wrong. I was wondering if there is a css code or something that can make the spacing between each icon equal. Because if you look at them the spacing between the first two and the last two are not the same as the spacing between the icons in the middle. Can you help me with this?

[Kyle – SUPPORT]

Hi

How did you add 5 icons in a row? There is no 1/5 width

– Kyle

[tsimarketing]

I know, thats the problem. The three middle icons are 1/3 width and the two outside icons are 1/4 width. I know that obviously creates unequal spacing between the icons, thats why I was wondering if there is a padding code or something I could add to make the spacing look equal.

[Kyle – SUPPORT]

I’m afraid not sorry, you’d have to code the html yourself as bootstraps grid is 12 column and that can not be divided equally into 5

– Kyle