Text in a flex container doesn't wrap in IE11

Answer 1

The proposed solutions did not help me with ".child {width: 100%;}", since I had more complicated markup. However, I found a solution - remove "align-items: center;", and it works for this case too.

.parent {
  display: flex;
  flex-direction: column;
  width: 400px;
  border: 1px solid red;
  /*align-items: center;*/
}
.child {
  border: 1px solid blue;
}

  

    Lorem Ipsum is simply dummy text of the printing and typesetting industry
  
  

    Lorem Ipsum is simply dummy text of the printing and typesetting industry