Centering a Div In CSS

[Maxy]

What is the simplest way to center a Div in css?

 

[Fire]

Stick it inside another div, and add a margin.

http://stackoverflow.com/questions/114543/how-to-horizontally-center-a-div-in-another-div

 

[lAkjtzAZ0]

kinda depends on your HTML structure but you could use margins, the comment above^, or flexbox - all easy solutions

 

[Guru Websites]

Add this to it,
display: block;
margin: auto;

 

[mathhulk]

Here is a great tutorial that I am sure would be of help to you:
https://css-tricks.com/centering-css-complete-guide/

 

[Zelero]

It would really depend on your current code, but the code below should work if it is a block level element. A complete guide is available here, which makes it really easy to get it centred.

margin: 0 auto;

 

[1017Ethan]

<center>

Jokes aside,

You can either create a center class.

.center {
  margin: 0 auto;
  display: block;
}

And then apply it to the div.

<div class="center"></div>

Or you apply the center to the div's class.

<div class="features">

.features {
  margin: 0 auto;
  display: block;
}

With Kind Regards,
Ethan S.

 

[Xilcho]

Figured I would mention it, since no one else has: if you want to center multiple divs that display:inline-block; text-align:center can be very useful. Since the divs are treated as text to their parent element, they will all be centered without having to use flex-box or other complicated methods. I apologize if that doesn't really make sense, and feel free to ask me any questions in order to clarify.