center div css

1.container {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5}

1.center {
2    position: fixed;
3    top: 50%;
4    left: 50%;
5    transform: translate(-50%, -50%);
6}

1.parent {
2  position: relative;
3}
4.child {
5    position: absolute;
6    left: 50%;
7    top: 50%;
8    transform: translate(-50%, -50%);
9}

1.parent {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5}

1IMG.displayed {
2    display: block;
3    margin-left: auto;
4    margin-right: auto }
5 ...
6<IMG class="displayed" src="..." alt="...">

1.container {
2  display: grid;
3  place-items: center;
4}