title: Use CSS to break up a long string in two equal-length lines
body: <p>I have a long URL that doesn't fit in the container width in mobile view, so I added <code>word-wrap:break-word;</code> to the container.  The result is a very long string on one line and a very short remainder of the string on the second line.</p>
  
  <p>How do you make both lines have the same number of characters (so they can have the same width?)</p>