I have two div containers. The first container got a fixed with of 300px. The second div should fill the outer div. To solve this problem, I used flexboxes. My problem is now, that the second div don't wrap the content. How can I fix this problem?
*{ margin: 0px; padding: 0px;}.content{ display: flex; flex-direction: row; flex-wrap: wrap; width: 300px; padding: 10px; border: 1px solid black;}.left{ width: 200px; float: left; background-color: red; height: 20px; margin-right: 10px;}.right{ flex-grow: 1; float: right; background-color: green; height: 20px;}.clearBoth{ clear: both;}<div class="content"><div class="left"></div><div class="right"> Here is Some Text</div><div class="clearBoth"></div></div>