javascript - How can I horizontally and vertically center this four divs contents? -

i trying horizontally , vertically center contents in 4 divs. if horizontally center contents vertical center gone. if vertically center contents horizontal center gone.

here fiddle

the div, part1 vertically centered , part2, part3 , part4 horizontally centered.

i want 4 divs contents centered vertically , horizontally. how can that?

also colorful style suggestions appreciated.

.goals has style applied, .skills, .rrhelp, , .cur_possi not. need position:relative on .part1, .part2, .part3, .part4. in order make text centered, since setting .goals, .skills, .rrhelp, , .cur_possi divs position: absolute, add left: 0; right: 0;

updated fiddle: http://jsfiddle.net/21s5u8ys/4/