CSS Evenly distribute divs in containing div

Robert Granlund
Robert Granlund used Ask the Experts™
on
I am trying to evenly distribute divs within a containing div.  However, the middle div is being pushed down.  They are towards the bottom, the three circles.  I'm not sure why it is going wrong.
http://n3n.io/about/
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
This should work.
styles.css
Change This
.about-box, .about-box a {
  color: #ffffff;
  display: inline-block;
  font-size: 18px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
}

Open in new window

To
This
.about-box {
  color: #ffffff;
  display: block;
  float: left;
  font-size: 18px;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  width: 33.3333%;
}

Open in new window

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial