If you have some text inside a div, and nothing else, the div's height will match the text height. Suppose, though, you have some text and an image. Your text will be aligned at the bottom of the div, which is usually not what you want. In this article, you'll

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

Learn how to vertically center text inside a div or other element using line height, Flexbox, or CSS Grid.

How to Center Text Vertically with CSS

<p>Don’t think I’ve ever seen the line-height hack before. Neat.</p>
