DEV Community

Aashutosh Soni
Aashutosh Soni

Posted on • Updated on

How to Center a Div?

#webdev #beginners #css #html

There are two Most used ways of centering a Div-

  • First Method- 
display: flex
justify-content: center
align-items: center
Enter fullscreen mode Exit fullscreen mode
  • Second Method- 
display: grid
place-items: center
Enter fullscreen mode Exit fullscreen mode

Top comments (1)

Collapse
 
ashutosh7i profile image
Aashutosh Soni •

Thank you @kristories for new info✨🚀

Read next

willowjr profile image

What I’ve Learned from Building a Calculator with Vue.js

William Kwadwo Owusu -

anticoder03 profile image

Building RESTful APIs with Node.js and Express: Step-by-Step Tutorial

Ashish prajapati -

skylerdev profile image

How I Created a Hover Reveal Text Animation with TailwindCSS and React

Skyler Dev -

jpbp profile image

Javascript Essentials 101: Higher-Order Functions, Currying, and Partial Application

João Pedro -