center align content in div code example

Example 1: css center image

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

Example 2: how to make a division center css

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);

Example 3: 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”

Example 4: how to center a div

margin:auto