Hi Robert, sorry for the delay in responding, I was away this weekend. The content in your footer seems to be centered. Did you find a workaround while you were waiting for me?
No I did not. If you look closely you will see that the icons and the text to the right of them are not actually vertically centered. They appear to be but they are not actually centered. The degree to which they appear to be is simply coincidental.
Vertically aligning elements in CSS is unexpectedly hard. I often have to remind myself of the rules when my first attempt fails. Please see our info page on the vertical-align property: https://themeover.com/vertical-align/ (and read the online tutorials at the bottom right, which contain more details information).
Hint: looking at your footer, I see that you have a number of container elements holding the elements you would like to align vertically. I suspect that you might need to set height to 100% on all of the containers, as well as setting display to inline on the actual elements you want to align vertically.
The article mentions that “If floated left or right, inline elements behave like block elements“, which may be relevant to your ‘Lunch and Learn’ button that you are floating to the right. As vertical-align only applies when elements behave like inline elements: http://stackoverflow.com/questions/9430929/css-vertically-align-floating-divs
I hope that helps, please let me know if you need further assistance.
