how to equally split items in a div code example

Example: css ditribute width equealy to child components

.wpr {
  display: flex;
  width: 400px;
}

.wpr div {
  flex: 1 2 0;
  border: 1px solid yellow;
  background: pink;
  text-align: center;
  min-height: 40px;
}