flexbox’s “justify-content:center” doesn’t do text-align

It only aligh the “items” to the center axis. Text inside each item is not aligned in center

Here is an example provided by w3schools

. You can see “1” is not in the center of the pink box.