Currently, my text is overflowing outside the container. How can I ensure that it remains within the container and breaks into separate lines?
https://i.sstatic.net/manCL.png
<div class="container Me" style="display: block;">
<img src="images/me.jpg" alt="Me">
<div class="content">
<p class="name">Me</p>
<p>hello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello worldhello world</p>
<i class="material-icons reply">reply</i>
<span class="time">4:46</span>
</div>
</div>