Center div css

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

Center with css

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.parent {
  position: relative;
}
.child {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
 ...
<IMG class="displayed" src="..." alt="...">

Source: w3.org

.container {
  display: grid;
  place-items: center;
}

Similar codes

74 votes238 views6 answers
Flex box
CSS
0 vote241 views2 answers
Lozzzzzzzzzzzzzzz
CSS
7 votes211 views2 answers
Css font families
CSS
1 vote239 views2 answers
Background shorthand code
CSS
165 votes226 views6 answers
How to make text bold in css
CSS
0 vote235 views1 answer
Font semi bold css
CSS
7 votes200 views6 answers
Tailwind css cdn
CSS
4 votes222 views3 answers
How to change background color in ElevateButton flutter
CSS
-1 vote225 views6 answers
Css comment
CSS
3 votes232 views1 answer
Bootstrap 3 offset
CSS Bootstrap