Центрирование блока

text align

.wrapper (родитель) {
text-align: center;
}
.block__1 {
display: inline-block;
}

margin-auto

.block__2 {
margin: 0 auto;
}

absolute

.wrapper (родитель) {
position: relative;
}
.block__3 {
position: absolute;
left: 50%;
margin-left: -34.5px;
}

absolute 2

.wrapper (родитель) {
position: relative;
}
.block__3 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

flexbox

.wrapper (родитель) {
display: flex;
justify-content: center;
align-items: center;
}
.block__5 {--}

grid

.wrapper (родитель) {
display: grid;
grid-template-areas: "a";
}
.block__6 {
grid-area: a;
align-self: center;
justify-self: center;
}