Как можно отцентровать блок по горизонтали и вертикали?

Flexbox:

• С родителем:

  css

Grid:

• С родителем:

  css

Position: absolute и Transform:

css

Margin: auto (только для горизонтального центрирования inline-block и block):

css