I tried everything I knew but I didn't understand what I was getting through. I want the texts to stay inside the box and go to the bottom line when it reaches the border of the box. Thank you in advance.

Here is my problem

CodePudding user response：

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

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

<div >
    <p>Loremipsum,dolorsitametconsecteturadipisicingelit.Corporisarchitetorepellendusducimus,obcaecatiremeveniet,laborequisquamrationevelmodiveniamadipisciimpeditquodrerumquasi.Atquedoloribusaut vi</p>
</div>