Multiline SplitText element with hard line break

[doughamlin]

Is it possible to have a <span> or other inline element  with a hard line break (<br> element) break correctly inside a SplitText element? For example, to have "ipsum" and "dolar" break correctly in my Codepen. I thought this was the answer, but the nestedLinesSplit function there didn't do the job.

See the Pen LYpYvrJ by doughamlin (@doughamlin) on CodePen

[ZachSaucier]

Hey doughamlin and welcome. Thanks for being a Business Green member! We couldn't do what we do without people like you. 

 

In the limitations section of the SplitText documentation it says:

Quote

SplitText only recognizes raw text and <br> tags, not child elements like <strong> or <em> elements

 

However, if you know that there's going to be a line break there, why use SplitText? Why not just put each line into its own div instead?

<div class="myClass">Lorem <strong>ipsum</strong></div>
<div class="myClass"><strong>dolar</strong> sit amet</div>

Side note: There's not good reason to use <br> tags in most cases.