DEV Community

Hack the ways to center align any text / image / element in CSS

Chayti on January 08, 2023

CSS এ alignment set করাটা একটু tricky মনে হতে পারে। 🥲 🥲 For example: কোনও block level element কে (suppose, h1) center এ আনার জন্য text-align : cent...

Read full post

Peter Vivo • Jan 10 '23

.center {
  display: grid;
  place-items: center;
}

Shubham Tiwari • Jan 9 '23

One more for centering both horizontally and vertically -
.centered{
height:100vh;//You can put any other value as height
display:grid;
place-items:center;
}

Pritom Acharya • Jan 12

Very helpful.

Joy Saha • Jan 10

very helpful...!❤

Mihir Das • Jan 9 '23

Thanks a lot.

FH Limon360 • Oct 20

very helpful

deXcoder9 • Jan 10

thanks its very helpful

Md Habibullah Akhand • Jan 10

thanks apu

Syed Ashiq • Jul 13 '23

Thanks a lot for this informative article, which we are bound to easily understand.

Abdur Razzaque • Jan 9 '23

আমার মাথা এখনো ঘুরতেছে। তবে হেল্পফুল এই পোস্টটি। প্রয়োজনের সময় কিভাবে খুজে পাবো জানিনা। থ্যাংক ইউ ফর শেয়ার উইথ আস।

dabarshi • Jan 9 '23

Bookmark it.

Marjan • Jan 9 '23

Thanks a ton for make it easy

Rakib-hossain-howlader • Jan 10

thanks

AL Amin • Mar 29

Nice this content. helpful

Boduruddin Rana • Jul 11

Thanks

Pritom Acharya • Jan 12

Thank you very much ma'am. I am a beginner on Web Development, and this thing was very difficult for me. Please make more articles about HTML and CSS so I can note them down. Thank you.