CSS prevent div flex from stretching child

Question

The moment div has the flex display property it stretches the paragraph. I seem to be missing something but no property I can think to put on the flex div chang

Answer 1

span { 
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-color: green;
}
div {
  text-align:center;
  height: 200px;
  width: 100px;
}

  
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod