Centering Multiple Divs Vertically On All Screens

[caseyrae18]

I’m trying to finish up this layout but I have on last thing that’s not really working for me.

I have a bunch of little bubbles which are all divs themselves, plus another div behind it which contains the purple “string” in which the bubbles appear to be on top of .

All of the bubbles are centered on my screen, but not on other people’s screens.
Is there any way I could center it so it will show up the same on all screens?

All help is appreciated! <3

JS Fiddle

[Paulie_D]

To start you should be aware that there is no such property as float:center and there is now no element called <center>.

Also, when you refer to ‘centered’, I assume you mean centered in the bar and not in the middle of the screen…right?

I have to say that you have a lot of repeated CSS that could be extracted out to classes and the HTML structure seems to be overcomplicated.

A standard nav/ul structure might be better for you….I’ll have a think.

[Paulie_D]

Yeah…here we go:

http://codepen.io/Paulie-D/pen/FLqyK

[Author]

Posts