title: Add a line break in Woocommerce Product Titles
body: <p>Let's say my product title is:</p>
  
  <blockquote>
    <p><strong>Brown Colored Leather Shoes</strong></p>
  </blockquote>
  
  <p>But based on my column width the title looks like this:</p>
  
  <blockquote>
    <p><strong>Brown Colored Leather</strong><br>
    <strong>Shoes</strong></p>
  </blockquote>
  
  <p>I know it's possible to do a character replacement so that a <code>"|"</code> in the backend becomes a line break <code>&lt;br/&gt;</code>. But I don't know how.</p>
  
  <p>I want it to look like this</p>
  
  <blockquote>
    <p><strong>Brown Colored</strong><br>
    <strong>Leather Shoes</strong></p>
  </blockquote>
  
  <p>I found these references:</p>
  
  <ul>
  <li><p><a href="https://stackoverflow.com/questions/39224788/adding-a-break-to-product-title-on-shop-pages-for-a-certain-length">Adding a break to product title on shop pages for a certain length</a></p></li>
  <li><p><a href="https://medium.com/@clarklab/add-a-line-break-in-a-wordpress-title-b3aeff346037" rel="nofollow noreferrer">https://medium.com/@clarklab/add-a-line-break-in-a-wordpress-title-b3aeff346037</a></p></li>
  </ul>
  
  <p>Is it possible to add a line break to WC products long titles?</p>