title: Wrapping text to the next line after a fullstop or condition?
body: <p>Is it possible to move text to the next line after a full stop?</p>
  
  <p>For example with a standard h1 header - 'This is a very. Very. Big header.' </p>
  
  <p>But I want my headers to move to the next line after a fullstop -</p>
  
  <p>'This is a very.</p>
  
  <p>Very.</p>
  
  <p>Big header.'</p>
  
  <p>My goal is to have every title h1 fetched from an API to for formatted so the line wraps every time there is a fullstop '.'</p>
  
  <p>Code:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;div className='quote-wrapper'&gt;
      &lt;h1 className='quote'&gt;{currentQuote.quote}&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>