●折り返し指定なし
<div class="over"> 
 <a> https://example.com/thisisaverylongurl </a>
</div>
<br>
●折り返し指定
<div class="break"> 
 <a> https://example.com/thisisaverylongurl </a>
</div>
.over{
  width:180px;
  background:pink;
  padding:10px;
 }

.break{
 width:180px;
 background:pink;
 padding:10px;

 }
.break a{
 overflow-wrap: anywhere;/*折返し指定*/
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.