p { padding:0px; margin:0; background:#ccc; } .horizontal-fix-parent { position:relative; height:200px; background:#00bcd4; } .horizontal-fix-child { position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } .vertical-fix-child { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .horizontal-vertical-child { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }