CSS centering content code example

Example 1: center text in css

.class {
	text-align: center;
}

Example 2: centering css elements

// add to the parent element
.parent {
	display: grid;
    place-items: center;
}

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”