How to vertically center an element using CSS?

I want to center the below <div> tag vertically.

<div class="heading">
   <p>Hello</p>
</div>

How to do that?

1 Answer

5 years ago by Divya

To center an element vertically or horizontally, you can use flexbox.

.heading {
   display: flex;
   align-items: center;
}

5 years ago by Divya