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 '24

Very helpful.

Mihir Das • Jan 9 '23

Thanks a lot.

Joy Saha • Jan 10 '24

very helpful...!❤

deXcoder9 • Jan 10 '24

thanks its very helpful

Naeemul Islam • Jan 12 '24

Very helpful and informative..

Nazmul Haque • Jan 13

Insightful

FH Limon360 • Oct 20 '24

very helpful

Boduruddin Rana • Jul 11 '24

Thanks

Touhidul Islam Emroz • Jan 18

Very helpful. thank you apu.

mahbub alom • Jan 20

very helpful

Md Habibullah Akhand • Jan 10 '24

thanks apu

Marjan • Jan 9 '23

Thanks a ton for make it easy

Abdur Razzaque • Jan 9 '23

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

dabarshi • Jan 9 '23

Bookmark it.

Syed Ashiq • Jul 13 '23

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

Rakib-hossain-howlader • Jan 10 '24

thanks

AL Amin • Mar 29 '24

Nice this content. helpful

Pritom Acharya • Jan 12 '24

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.