Why doesn’t margin: auto center my fixed-width inside a flex container? [closed]

I expected margin: auto to center my <div> horizontally, but it stays aligned to the left. my writing is:

.container {  display: flex;}.box {  width: 200px;  margin: auto;}

Why isn’t this working as expected?