框和文本问题

Question

我尝试了我所知道的一切，但我不明白我经历了什么。我希望文本留在框内，并在到达框的边界时转到底线。提前谢谢你。

Here is my problem

Answer 1

.wrapper{
    background-color: lightblue;
    padding:1rem;
}

p{
    max-width: 400px;
    max-height:100px;
    background-color: white;
  overflow-wrap: anywhere;
}

<div class="wrapper">
    <p>Loremipsum,dolorsitametconsecteturadipisicingelit.Corporisarchitetorepellendusducimus,obcaecatiremeveniet,laborequisquamrationevelmodiveniamadipisciimpeditquodrerumquasi.Atquedoloribusaut vi</p>
</div>