Demo Fiddle
For vertical centering, make the wrapping div
set to display-table
and the child to display:table-cell
with vertical-align:middle
. Horizontal centering can then simply be accomplished with text-align:center;
Try the CSS:
.header {
height: 600px;
display:table;
width:100%;
}
.homeImageText {
height:100%;
display:table-cell;
vertical-align:middle;
text-align:center;
}