ブロック要素 テキストがはみ出す

Question

twitterのようなアプリを作成しているのですが、文字が枠からはみ出してしまいます
横にははみ出さないようにしています
文字数によって枠を広げるようにしたいのですが、どのファイルにどう記述すればいいのか分かりません

仮説としてはcssを記述するのではないかと思っています
ご教授お願いします

cssのコードになります

div.contents.row {
  h2 {
    @include boxBase(20px 0, 0);
    font-weight: normal;
    strong {
      font-weight: bold;
      padding-right: 5px;
      font-size: 1.2em;
    }
  }
  .new_user{
  font-family: "游ゴシック", "YuGothic";
  }
  div.content_post {
    @include boxBase(20px 0 ,30px);
    position: relative;
    background-color: #CCFF99;
    height: 350px;
    color: #000000;
    background-size: cover;
    background-position: center center;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba($black,0.2);

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/JavaScriptなど）か、再現するURLを質問文に追記されたほうが回答を得やすいと思います。

[kei344]

追記されたのはCSSではなくSASSやSCSSでは？

[yakumo02]

すみません、sassで記述しています

Answer 1

overflow を指定してみてはいかがでしょう。

【overflow - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/overflow

【【CSS】overflowの使い方：hiddenやscrollの違いは？】
https://saruwakakun.com/html-css/basic/overflow#four3