如何使文字不重叠它的容器？

Question

我有这段代码：

<li style="padding: 23px 5px 23px 19px; width: 100%;">
  <div style="min-width: 50%;">
    Email Address
  </div>
  <div style="min-width: 50%;">
    Antonina.Russel47@gmail.com
  </div>
</li>

，结果如下： 正如您在底部单元格中看到的那样，我希望重叠的文本位于底部。我试过flex-wrap：nowrap;没有成功。帮助

Answer 1

添加此css

div {white-space：normal;分词：break-all}