お世話になります。
初歩的な質問かと思うのですが、テキストの入力を日本語ではなく英字にすると枠線からはみ出して表示されてしまいます。
ウィンドウ幅を広くすれば問題なく表示されるのですが、これは CSS の設定が今回のレッスン用の為に作られた簡易的なものであることによる仕様なのでしょうか？
こちらで勝手に英字にしただけですので、レッスンに関係ない質問のようでしたら聞き流してくださると幸いです。
よろしくお願いいたします。

<li class="left-side">
   <div class="pic"><img src="img/cat.png" alt=""></div>
   <div class="text">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
</li>