Reducing white space between elements

I’ve managed to get the elements spread, but they are to the right. I’d like to reduce the white space between three elements whilst having them in the centre.

Here is my code: http://codepen.io/GiacomoLaw/pen/VPQRBx?editors=1100

As you can see, they are shunted to the right. I’d like the middle element, named middle, to be the one centred in the page.

Thanks in advance!

In that case you can create a div class = "wrapper" around your three divs and apply text-align:center to it.
After that I would replace floats with display:inline-block.Try it yourself.

1 Like

Use flexbox: http://codepen.io/jenovs/pen/XpZGGR?editors=1100

1 Like

Awesome, thanks for the suggestion!

That’s exactly what I’m looking for, thanks so much!