Answers for "center contents in a div css"

center a div in css

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

centre align image in div

body {
  margin: 0;
}

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

how to assign something in center inside a div

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
...
<IMG class="displayed" src="..." alt="...">

how to align contents of div in center

1. Enclose the div that you want to center with a parent element 
(commonly known as a wrapper or container)

2. Set “text-align: center” to parent element.

3. Then set the inside div to “display: inline-block”

how to assign something in center inside a div

P { text-align: center }
H2 { text-align: center }