word-break example

breaks long urls

by Soviut

HTML

<div class="breaker">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in metus bibendum, molestie lacus eget, dictum magna. Phasellus pulvinar turpis erat, et hendrerit augue <a href="#">http://www.example.com/this-is-a/very-long-url/which-should-wrap/when-it-gets-too-long-for-the-line-it-is-on/#something-else</a> facilisis ac. Etiam elit massa, suscipit in odio sed, fringilla aliquam augue. Maecenas orci risus, accumsan ut tristique eget, imperdiet ut risus. Nulla efficitur, urna vitae rhoncus semper, tortor turpis placerat sem, id ornare diam leo suscipit magna. Maecenas fringilla varius sapien. Nunc lobortis varius sapien, condimentum suscipit mi sodales quis.</p>
</div>

CSS

.breaker {
  width: 50%;
  
  word-break: break-word;
}