We know text-align: center & margin: 0 auto to have the text or content block to put horizontally center. But many time we come across a situation where we need to align the whole content vertically center. With CSS3 in action we can achieve things which were not possible before. In CSS3, we have transform property which helps us to put the content vertically center. div { position: relative; top: 50%; transform: translateY(-50%); } First, we are keeping he value at 50% height from the start …