如何将nextLine文本从中心开始移动

<div id="container">
  <p id="text">nextLine文本</p>
</div>

#container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置容器高度为视口高度，使其居中显示 */
}

#text {
  text-align: center; /* 设置文本居中对齐 */
}

var textElement = document.getElementById("text");
var containerWidth = document.getElementById("container").offsetWidth;
var textWidth = textElement.offsetWidth;

function moveText() {
  var currentPosition = 0;
  var interval = setInterval(frame, 10);

  function frame() {
    if (currentPosition >= (containerWidth - textWidth) / 2) {
      clearInterval(interval);
    } else {
      currentPosition++;
      textElement.style.left = currentPosition + "px";
    }
  }
}

moveText();