⚡ Quick Fix (TL;DR)

The Culprit: Content doesn't center itself by default on either axis without deliberate layout instructions.

The Fix: Turn the container into a flex container and center its content along the horizontal axis.

.my-element {
  display: flex;
  justify-content: center;
}