スペースフィールドの文字が指定枠からはみ出ないようにしたい

[chika (二林🔰)]

実現したいこと

スペースのフィールド枠の幅を指定し、その中に文字が収まるよう（折り返して）きれいに表示し印刷できるようにしたいです。
ご教授いただけますと助かります。

発生した問題

widthを指定しても文字がはみ出て表示されてしまいます。
（js、CSSどちらもテスト済み）

実行したコード(追記しました)

【js】

      const jogen = record.〇〇.value
      //各スペースフィールドに反映
      const divTotalAmount_join = document.createElement('div');
      divTotalAmount_join.className += "join_input";
      divTotalAmount_join.innerText += jogen;
      kintone.app.record.getSpaceElement('jogen_input').appendChild(divTotalAmount_join);

【CSS】

.spacer-cybozu{
  width: 850px;
  padding: 4px 8px;
  
}

 .spacer-cybozu .join_input{
  width: 100%;
  padding: 8px;
  border: 1px solid #888;
  word-break: break-all;
  } 

[chika (二林🔰)]

CSSを修正して解決しました！！！
すっきりしました！

.spacer-cybozu {
      width: 850px; /* 幅を850pxに設定 */
      border: 1px solid #888; /* 枠のスタイルを設定 */
      padding: 10px; /* 枠の内側に余白を設定 */
      overflow: hidden; /* 文字がはみ出ないように制御 */
    }

.join_input {
      white-space: pre-wrap; /* 改行を維持し、折り返しを許可 */
    }