How do I align three columns to the center using CSS?

Question

I'm trying to create an organization chart in HTML using CSS, and I'd like to make the spaces between <li> tags thiner.

• Here is the code: https://jsfiddle.net/8q9uxzb6/

I'd like to have the margin-left value on the line 89 in CSS at 3%, and have the three columns centered. However, I'm unable to center those columns when I change the margin-left value. Can anyone help me please?

Answer 1

Not sure if I understand what you want but have you tried to set width: 33%; and float: left; on the three elements and then margin: 0 auto; on the body?