CSS: Centering

Center Horizontally

.center885 {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: dotted 4px red;
}

Center Horizontally when position fixed

div.x {
 position: fixed;
 top: 2px;
 /* moves the left edge of the element to the center of the viewport */
 left: 50%;
 /* move it back left by half of its own width */
 transform: translateX(-50%);
 border: solid 1px grey;
}

• CSS: Position Property
• CSS: Transform

Center Vertically

.center708 {
 height: 200px;
 width: 400px;
 display: flex;
 align-items: center;
 justify-content: center;
 border: dotted 4px red;
}