【CSS】widthを効かせる方法

Question

下記の画像のように、widthを指定しているのですが右横に無制限に伸びてしまいます。

コードは下記の通りです。

  <div class ="show-blogbox">
    <%= @blog.body.html_safe %>
  </div>

.show-blogbox{
  width:300px;
  margin-left:30px;
  margin-top:90px;
  margin-bottom:150px;
  font-size:14px;
  line-height: 30px;
  word-wrap: break-all;
}

アドバイスをいただければと思います。

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

word-break: break-all; を指定するか、サンプル文章を日本語にしてみてください。
MDN:word-break

Comments

[NEMOTOSHOTA]

日本語にしたところうまく行きました、、、ありがとうございました。

[dit.]

解決したようでよかったです。