CSS solution to long link causing blogbook display to get clipped on left side and have long horizontal scroll

I had used this solution in my VB.Net Blogbook program but could not easily locate any associated post (I searched for "break-word") and had to pick up the CSS from a blogbook HTML file generated by that program. So I thought of putting up this short post specifically on this issue. Hopefully this post will be easy to search and locate.

CSS solution is to have the following for body element or associated CSS class:

  overflow-wrap: break-word;
  word-break: break-word;
  word-wrap: break-word;