Vertically Center Text in a DIV Element

If you want to center a text within a <div> element using CSS, then you can make use of the text-align attributes value set as center..

Example:

css code:

<div class="div-eg">Some Text</div>

html code:

.div-eg {
  width:400px;
  height: 200px;
  text-align: center;
  background: #eee;
  border:1px solid #222
}

Output:

Some Text

Facing issues? Have Questions? Post them here! I am happy to answer!

Author Info:

Rakesh is a seasoned developer with over 10 years of experience in web and app development, and a deep knowledge of operating systems. Author of insightful How-To articles for Code2care.

Follow him on: X

We keep our articles short so the focus remains on providing effective tech solutions while promoting healthier screen habits and enhancing overall well-being. 📝 💡 🌱 By reducing screen time, we contribute to a greener future, reducing carbon emissions and fostering digital well-being. 🌍 🌿 🔋

We are celebrating the 10th years of Code2care! Thank you for all your support!

We strongly support Gender Equality & Diversity - #BlackLivesMatters

More Posts related to CSS,

More Posts: