CSS Trick for Vertical Align

.relative {position:relative;} .box {width:100%; background-color:#555; height:230px; text-align:center;} .arrow {width:50px; height:50px; background-color:#000;} i.arrow{position:absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}