Flexbox div text wrapping

by Serhii Matrunchyk

HTML

<div class="container">
  <div class="child left">
    Left!
  </div>
   <div class="child right">
    I'm riiiight!!! I'm riiiight!!! I'm riiiight!!! I'm riiiight!!! I'm riiiight!!!
  </div>
</div>

CSS

.child {
  border: solid 1px;
  display: flex;
}

.left {
 width: 50px;  
}

.container {
  display: flex;
  flex-wrap: wrap;
  width: 200px;  
}