Можно ли центрировать div через text-align

Нет, text-align предназначен для выравнивания текста и inline/inline-block элементов внутри блока. Для центрирования блочного элемента (div) используй margin: 0 auto или flex/grid:

/* Способ 1: margin */
.center-div {
  width: 200px;
  margin: 0 auto;
}

/* Способ 2: flex */
.parent {
  display: flex;
  justify-content: center;
}

/* Способ 3: grid */
.parent {
  display: grid;
  place-items: center;
}

text-align: center сработает только если div имеет display: inline-block или внутри него есть текст/inline-элементы.