長いアルファベットの文字列を表示しようとするとはみ出てしまいます

word-break プロパティを使ってみましょう。
2022年3月10日
ユーザー

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

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

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(2)