Как разместить блок по центру css

<div class="center-block">Данные должны быть по центру</div>

.center-block {
  /* устанавливаем внешние отступы сверху и снизу в 0, 
     а левый и правый - автоматический.
  */
  margin: 0 auto;
  /* Для наглядности зададим блоку фон и изменим цвет текста*/
  background-color: #38d9a9;
  color: #fff;
  /* задаем ширину блока*/
  width: 200px;
}

<div class="container">
  <div class="center-block">Данные должны быть по центру</div>
<div class="container">

.container {
  display: flex;
  justify-content: center;  
}

.center-block {
  /* Для наглядности зададим блоку фон и изменим цвет текста*/
  background-color: #38d9a9;
  color: #fff;
  width: 200px;
}

<div class="container">
  <div class="center-block">все буквы в этом параграфе станут заглавные</div>
</div>

.container {
  background-color: #bac8ff;
  height: 100vh;
}
 
.center-block {
  background-color: #38d9a9;
  color: #fff;
  width: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}