what I'm trying to achieve is when I split the inner contents of an element, I get each item seperate, but the `html` element needs to be 1 element in the split.

For example:

```html
<p id="name1" class=""> We deliver
      <span class="color-secondary">software</span> &
      <span class="color-secondary">websites</span> for your organization<span class="color-secondary">.</span>
</p>

```

Like in the example above, I want to make anything inside the `<span>` 1 array item after splitting the inner contents of `#name1`.

So in other words, I want the split array to look like this:

```js
[
 'we',
 'deliver',
 '<span class="color-secondary">software</span>',
 '&',
 '<span class="color-secondary">websites</span>'

 ... etc.
]

```

Currently this is what I have. But this does not work since it ignores the text inside of the html element and therefore splits it halfway through the element. I would also like it to be any html element, and not just limited to `<span>`.

```js
let sentence = el.innerHTML; // el being #name1 in this case
let words = sentence.split(/\s(?=<span)/i);

```

How would I be able to achieve this with regex? Is this possible? Thank you for any help.