<h1>デフォルト</h1>
<div class="wrap">
  <div>http://localhost/xxxxx/yyyyy<br>
aaaaaaaaaaaaaaaaaaaa<br>
I want to go the park.<br>
公園に行きたいです。</div>
</div>

<h1>word-break: break-all</h1>
<div class="wrap">
  <div class="word-break">http://localhost/xxxxx/yyyyy<br>
aaaaaaaaaaaaaaaaaaaa<br>
I want to go the park.<br>
公園に行きたいです。</div>
</div>

<h1>overflow-wrap: break-word</h1>
<div class="wrap">
  <div class="overflow-wrap">http://localhost/xxxxx/yyyyy<br>
aaaaaaaaaaaaaaaaaaaa<br>
I want to go the park.<br>
公園に行きたいです。</div>
</div>
.wrap {
  width: 100px;
  background-color: #eee;
}

.word-break {
  word-break: break-all;
}

.overflow-wrap {
  overflow-wrap: break-word;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.