【HTML/CSS】テキストが長いとタグからはみ出てしまう時

はじめに

プログラミング初学者の者です。オンラインでプログラミングを学習させて頂いてるのですが、さらに理解を深めていきたいと思い、学習したことを備忘録として、残して理解を深めていきたいと思います。
また、間違った点など、ありましたら、ご指摘いただけると幸いです。よろしくお願いします。

タグのテキストが長くて文字がはみ出てしまう

今回、スクールの課題でオリジナルアプリを作成していて、初歩的な知識の部分ですが、テキストが長くて、タグから文字がはみ出て、直下のタグに重なってしまう状況になりました。

それを解決するには、CSSの対象のセレクタに

.show-article-content{
  height: 40px;
  padding: 5px;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  height: auto; *追記
}

を追記すれば、テキストの容量に応じて、伸び縮みしてくれるとのことでした。

参考にさせてもらったサイトのURLを掲載させて頂きます。
https://omosirofuturestory.com/html-css/difference-of-height01/