Как поставить объект по центру CSS

Есть несколько способов поставить объект по центру с помощью CSS:

1. Использовать свойство position и left/right и top/bottom с положительными значениями и отрицательными значениями margin:

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

2. Использовать свойство display и margin с значениями auto:

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

3. Использовать свойства position, top и left, а также margin с автоматическими значениями:

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

Каждый из этих методов может быть использован в зависимости от конкретного случая и предпочтений.