When inserting <div> </div> into blog entry, it mucks up the rolling view page

[QDesjardin]

Say for example, if you wanted to format an embed YouTube video, or want to put a special section like so:

<div class="video-container">
   ...
</div>

What happens is that after you publish it, in rolling view, the entry is duplicated outside the blog post bounds:

with the page source looking like this:

<div class='entry'>
aaa
<div class="video-container">
  bbb
</div>

ccc
</div>

aaa
<div class="video-container">
  bbb
</div>

ccc
</div>

I suspect the lb script relies on using </div> (as a line by itself) to delineate the entries between blog posts, but when you manually put in </div> in the entry, the script is confused. This does not happen if <div> and </div> are on the same line. One workaround is using something like

<section id="blablabla"> 
    insert stuff here
</section>

where this issue is avoided entirely.

[ludovici-philippus]

I think I know a way to fix it. If the lb script really relies on using </div> to delineate the entries, so if you change it to a personal tag, like <entry> </entry> it would be fixed, and divs could be used into blog entry