how to center div contents using css code example

Example 1: center div css

.center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

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