Flexbox align-items overflow text get cuts off at top [duplicate]

Answer 1

If you wrap the text into another tag, and set margin: auto 0; it seems to be working well.

div {
  display: flex;
  width: 100px;
  height: 50px;
  overflow: auto;
  word-break: break-word;
  background: pink;
  margin-bottom: 20px;
}

span {
  margin: auto 0;
}

  sdjhfkahsdkjfadsfhk jaskjfsj fsldflkasjklsjflakj flksjfakljflksjflkasfjklasjflfd



  sdjhfkah