wrap plain text inside a div before another html element
<p>Ok, that probably doesn't make a ton of sense... let me illustrate:</p>

<p><code>&lt;div class="csl-entry"&gt;
lorem ipsum yada yada yada...
&lt;a title="some title" rel="external" href="http://google.com"&gt;Google&lt;/a&gt;
&lt;/div&gt;</code></p>

<p>I would like to wrap the "lorem ipsum yada yada yada..." in a <code>&lt;p&gt;</code> tag, but am unsure how to proceed without also wrapping the <code>&lt;a&gt;</code>.  </p>

<p>If it's easier to do in JavaScript or jQuery, I'm fine with that, too.  Much of my site is semi-dependent on a bit of JS anyway.</p>

<p>Thanks!</p>
