.container { display: flex; width: 200px;} .item { flex: 1; /* Should shrink, right? */ background: lightblue;}<html><body><div class="container"> <div class="item">Large content. Large content. Large content. Large content. Large content. Large content. Large content.</div></div></body></html>Problem: The .item box keeps expanding, making the container larger than 200px. I expected it to wrap. Why is this happening?